jQuery技术:如何使用更新后的代码修改幻灯片切换来停止事件传播。

我有一个jqueryfunction，我有两个选项卡。
click ，每个选项卡都会进行ajax调用并绘制一个jsp页面。
第二个选项卡有一个幻灯片切换。

我的问题是，当页面加载时，我点击第二个选项卡，幻灯片切换工作正常。

当我单击第一个选项卡并单击第二个选项卡时，幻灯片切换将快速打开和关闭。

如何阻止这种传播？

我尝试了事件.preventDefault() ， stopPropagation() ， die等等。没有运气。

我试过的代码如下。 幻灯片切换方法是一个js文件，另外两个在不同的js文件中。

 jQuery(function() { //$(".trigger1").on('click', function (e) { $("#qstnlist_content").off('click', '.trigger1').on('click', '.trigger1', function(event) { // $(".trigger1").die('click').live('click',function(event){ //if($(event.target).is('div.trigger1')){ //$("document").off('click', "#list_intrv_qstns").on('click', "#list_intrv_qstns", function (e) { var str = $(this).find("span.imgplus").text(); if (str.indexOf("+") >= 0) $(this).find("span.imgplus").html("- "); if (str.indexOf("-") >= 0) $(this).find("span.imgplus").html("+ "); $(this).next("div.dispnone").slideToggle("slow"); /* if(event.preventDefault){ event.preventDefault()} else{event.stop()}; event.returnValue = false;*/ event.stopImmediatePropagation(); event.stopPropagation(); return false; }); }); $("#list_intrv_qstns").off('click').on('click', function(event) { $("#qstnlist_content").removeClass(); $("#qstnlist_content").addClass('dispnone'); $("#qstn_content").removeClass(); $("#qstn_content").addClass('dispshow'); $("#qstnlist_content").off("click", ".trigger1"); event.stopImmediatePropagation(); $("#list_intrv_qstns_a").css('color', 'black'); $("#start_intrv_a").css('color', 'white'); $("#add_intrv_qstns_a").css('color', 'white'); $("#create_intrv_qstns_a").css('color', 'white'); $("#create_intrv_template_a").css('color', 'white'); var inputData = { usrid: $(this).data("usrid"), buddyId: $("#qstbuddyid").val() } $.ajax({ url: "listquestions", dataType: "html", data: inputData, success: function(data) { $("#qstn_content").empty().html(data); }, error: function() { alert('Issue with save. '); } }); // if(event.preventDefault){ event.preventDefault()} // else{event.stop()}; //event.returnValue = false; event.stopImmediatePropagation(); event.stopPropagation(); }); $("#list_intrv_qstns").click(); // $("#add_intrv_qstns").die('click').live('click', function(e){ $("#add_intrv_qstns").off('click').on('click', function(event) { $("#qstnlist_content").removeClass(); $("#qstnlist_content").addClass('dispshow'); $("#qstn_content").removeClass(); $("#qstn_content").addClass('dispnone'); //$("#qstnlist_content").off("click",".trigger1"); $("#list_intrv_qstns_a").css('color', 'white'); $("#start_intrv_a").css('color', 'white'); $("#add_intrv_qstns_a").css('color', 'black'); $("#create_intrv_qstns_a").css('color', 'white'); $("#create_intrv_template_a").css('color', 'white'); var inputData = { usrid: $('#usrid').val(), buddyId: $("#qstbuddyid").val() } $.ajax({ url: "questions", dataType: "html", data: inputData, success: function(data) { $("#qstnlist_content").empty().html(data); }, error: function() { alert('Issue with loading add questions. '); } }); //event.stopPropagation(); event.stopImmediatePropagation(); event.stopPropagation(); //event.preventDefault(); // event.preventCapture(); //event.preventBubble(); // if(event.preventDefault){ event.preventDefault()} //else{event.stop()}; //event.returnValue = false; //event.stopImmediatePropagation(); });​ 

JSP：

 
 
 
 
Interview Process
  
 
Add Questions
 
Create Questions
 
Review Question List
 <!--
Crt
--> 
Start Interview
 
 
 
 
 
  

 $("#list_intrv_qstns").off('click').on('click', function (e) { 

 $(document).off('click', "#list_intrv_qstns").on('click', "#list_intrv_qstns", function (e) { 

以上就是jQuery教程分享如何使用更新后的代码修改幻灯片切换来停止事件传播。相关内容,想了解更多jQuery开发(异常处理)及jQuery教程关注计算机技术网(www.ctvol.com)!)。