尽管选择器被删除，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