セレクタが削除されてもJqueryのクリック機能が機能し続ける

javascriptの動作をトリガするセレクタを削除して、一時的に機能を無効にしようとしました。セレクタ（.next）が削除されても、この関数は動作し続けます。セレクタが削除されてもJqueryのクリック機能が機能し続ける

beta.art89.seはウェブページです。プロジェクトをクリックし、右下にある矢印をクリックしてアクティブにします。

コード：

$.showElement = function(index) { 
    last_prev_object = $('#pagination .prev').clone(true); 
    last_next_object = $('#pagination .next').clone(true); 

    var project_html = $.parseElement(index); 

    if(project_html != '') { 
     $(".content-bg").html(project_html); 

     $('#pagination .prev').unbind('click'); 
     $('#pagination .prev').bind('click', function(e) { 
      e.preventDefault(); 
      $('#pagination .prev').removeClass('prev'); 
      $(".content-bg") 
       .addClass('temp_content') 
       .removeClass('current_content') 
       .before($('<div class="content-bg current_content"></div>').html($.parseElement(current_index-1))) 
       .animate({'left': '+=640px'}, 600); 
      $(".content-bg.current_content") 
       .css('top', '0px') 
       .css('left', (parseInt($(".content-bg.temp_content").css('left'))-640)+'px') 
       .animate({'left': '+=640px'}, 600, function(){$(".content-bg.temp_content").remove()}); 
     }); 

     $('#pagination .next').unbind('click'); 
     $('#pagination .next').bind('click', function(e) { 
      e.preventDefault(); 
      $('#pagination .next').removeClass('next'); 

      $(".content-bg") 
       .addClass('temp_content') 
       .removeClass('current_content') 
       .after($('<div class="content-bg current_content"></div>').html($.parseElement(current_index+1))) 
       .animate({'left': '-=640px'}, 600); 
      $(".content-bg.current_content") 
       .css('top', '0px') 
       .css('left', (parseInt($(".content-bg.temp_content").css('left'))+640)+'px') 
       .animate({'left': '-=640px'}, 600, function(){$(".content-bg.temp_content").remove()}); 
     }); 
     $(".width-wrap").animate({'top': '-=275px'}, 600); 
     $(".content-bg").css('left', (640*position)+'px').animate({'top': '0px'}, 600); 
    } 
}

出典

2011-10-30 Himmators

バインドのコメント$('#pagination .next')と$('#pagination .prev')は必要に応じて機能します。私はあなたの要件を誤解していない場合。

プロジェクトに戻るときに、すでにナビゲーションアイテムのクローンバージョンを使用していますか。すでにバインドされていて、複製された要素を置き換えているので、再度要素を再バインドする必要はありません。

$.showElement = function(index) { 
    last_prev_object = $('#pagination .prev').clone(true); 
    last_next_object = $('#pagination .next').clone(true); 

    var project_html = $.parseElement(index); 

    if(project_html != '') { 
     $(".content-bg").html(project_html); 

     $('#pagination .prev').unbind('click'); 
     /*$('#pagination .prev').bind('click', function(e) { 
      e.preventDefault(); 
      $('#pagination .prev').removeClass('prev'); 
      $(".content-bg") 
       .addClass('temp_content') 
       .removeClass('current_content') 
       .before($('<div class="content-bg current_content"></div>').html($.parseElement(current_index-1))) 
       .animate({'left': '+=640px'}, 600); 
      $(".content-bg.current_content") 
       .css('top', '0px') 
       .css('left', (parseInt($(".content-bg.temp_content").css('left'))-640)+'px') 
       .animate({'left': '+=640px'}, 600, function(){$(".content-bg.temp_content").remove()}); 
     });*/ 

     $('#pagination .next').unbind('click'); 
     /*$('#pagination .next').bind('click', function(e) { 
      e.preventDefault(); 
      $('#pagination .next').removeClass('next'); 

      $(".content-bg") 
       .addClass('temp_content') 
       .removeClass('current_content') 
       .after($('<div class="content-bg current_content"></div>').html($.parseElement(current_index+1))) 
       .animate({'left': '-=640px'}, 600); 
      $(".content-bg.current_content") 
       .css('top', '0px') 
       .css('left', (parseInt($(".content-bg.temp_content").css('left'))+640)+'px') 
       .animate({'left': '-=640px'}, 600, function(){$(".content-bg.temp_content").remove()}); 
     });*/ 
     $(".width-wrap").animate({'top': '-=275px'}, 600); 
     $(".content-bg").css('left', (640*position)+'px').animate({'top': '0px'}, 600); 
    } 
}

あなたの要件を間違えた場合は教えてください。

出典

2011-10-30 09:40:33