2014年11月25日 星期二

[Web] 使用Ajax更新局部頁面後javascript失效問題

  • 可以重新讀取js檔(因使用第三方js使用此方法較快)
<script type="text/javascript">
    function load_js()
    {
        var head= document.getElementsByTagName('head')[0];
        var script= document.createElement('script');
        script.type= 'text/javascript';
        script.src= '../thirdparty/Metro-UI-CSS-master/docs/js/metro.min.js';
        head.appendChild(script);
    }
   
    function js_AddToCar(Id) {
        $.ajax({
            type: "POST",
            url: "/AddCartFun",
            data: { msg: Id }

        })
        .done(function (data) {
            $('li#brid').html(data);
            load_js();
        });

    };
</script>
  • 若是自己的function可以使用重新綁定(live, bind)元件事件

沒有留言: