jQuery動態移除和綁定事件

 

 function bindEvent() {
     //移除綁定事件
     $('.btnsp').unbind('click');
     //綁定事件
     $('.btnsp').bind('click', function () {
         console.log('test');
     });
 }
 $(function () {
     $.ajax(url + 'api/WxHome/GetProduct', {
         dataType: 'json',
         type: 'get',
         success: function (data) {
             var html = '';
             if (data.Success) {
                 for (var i = 0; i < data.Module.length; i++) {
                     html += '<li class="btnsp">' + data.Module[i].Name + '</li>';
                 }
                 $('#content').html(html);
             }
             //動態綁定事件(等頁面內容初始化完成後先解綁事件再次綁定事件)
             bindEvent();
         },
         error: function (xhr, type, errorThrown) {
             console.log("errer:" + errorThrown);
         }
     });
 });

  

可參考:http://www.w3school.com.cn/jquery/event_unbind.aspjavascript

相關文章
相關標籤/搜索