冲突多个.load（）事件jquery

我已经加载数据与$('#result').load('test.php')文件，这是完全正常工作。冲突多个.load（）事件jquery

这里是test.php screenshoot enter image description here

现在，这里是我的灯箱加载的文件： enter image description here

在我test.php文件我也加载另一个文件在灯箱上单击事件。灯箱正确显示新加载的文件。这里是代码调用lighbox：

jQuery('#wt_opp_coll .coun').click(function(){ 
     jQuery(this).jpLightBox({ 
      width: 500, 
      height: 250, 
      url: 'components/content/test_file.php' 
      //message: 'Just Testing the file' 
     }); 
    });

本我的新加载的文件，该文件是test_file.php出现以及在灯箱，但我最后加载文件test.php消失的收藏夹，当你在第二screenshoot只看到灯箱出现而不是第一个屏幕截图中的背景细节。

请帮我停止消失我上次加载的文件（test.php）也。

NOTE：我也使用函数在lighbox中加载url。

来源

2012-07-31 jogesh_pi

背景数据是否消失或被新的test_file.php数据替代？ – SharkyLV 2012-07-31 08:48:14

@SharkyLV感谢您的回复，后台数据消失未被取代，我有线索但不知道如何解决，这是因为这两个文件都显示'.load（）'，但是当我打电话给第二个文件在lighbox'test_file.php'中，然后第一个文件消失。 – 2012-07-31 08:50:57

我还没有做LightBox的任何事情，但问题可能是你用新的灯箱取代#wt_opp_coll .coun？

jQuery('#wt_opp_coll .coun').click(function(){ 
     jQuery(this).jpLightBox({ 
      width: 500, 
      height: 250, 
      url: 'components/content/test_file.php' 
      //message: 'Just Testing the file' 
     }); 
    });

第二线具有jQuery(this)，其指示与母体#wt_opp_coll .coun。所以我认为正在发生的是灯箱正在取代#wt_opp_coll .coun的内容。

来源

2012-07-31 08:54:17 SharkyLV

humm让我检查。 – 2012-07-31 08:55:43

我认为检查的最简单方法是用代码中的任何其他块代替'jQuery（this）'。例如。 'jQuery（“body”）'看看这个块是否消失。 – SharkyLV 2012-07-31 09:03:22

noop第二个文件被添加到'jQuery（this）之外的其他div中“指的是'jQuery（this）的body和parent的子节点' – 2012-07-31 10:39:05

我不能告诉你是什么原因导致这个奇怪的问题，但我也有一个问题，它回来了。我解决它的方式是使用livequery来处理我的点击事件。不要问我为什么，我花了几个小时浏览图书馆和文件，并试图找到别人的答案无济于事。

给它一个镜头，如果你没有使用livequery的问题，它可能是你的解决方案。

这是我的代码片段，它用于多达50个不同的负载调用实例，所有这些实例都可以工作。有些是由其他加载数据动态创建的链接。

function ajaxContent(link, sel, reg, extReg) { 
$(sel).not(link).removeClass("active"); 
$(link).addClass("active"); 

var toLoad = $(link).attr('href')+ ' ' + extReg; 

$(reg).fadeOut('slow',loadContent); 

function loadContent() { 
    $(reg).load(toLoad,'',showNewContent()) 
} 

function showNewContent() { 
    $(reg).delay(200).fadeIn('slow'); 
} 

} 

$(document).ready(function() { 

// Top left "main" nav 
$('#jax-nav li a').livequery("click", function(event) { 
    ajaxContent(event.target, '#jax-nav li a', '#page-content', '#ajax-out'); 
    return false; 
});

来源

2012-10-05 06:09:57

试着将一个空的div在HTML的收藏夹

<div id="lightBoxDiv"></div>

和编辑代码

jQuery('#wt_opp_coll .coun').click(function(){ 
     jQuery("#lightBoxDiv").jpLightBox({ 
      width: 500, 
      height: 250, 
      url: 'components/content/test_file.php' 
      //message: 'Just Testing the file' 
     }); 
    });

，你还需要刷新这个div对关闭按钮的内容其他明智它会影响你的基地html

把此代码嵌入到标签关闭按钮

$("#lightBoxDiv").html('');

来源

2012-10-05 07:22:42

冲突多个.load（）事件jquery

回答

相关问题