javascript - jquery 的多个 .load() 事件冲突

Question

我已使用 $('#result').load('test.php') 文件加载数据，该文件完全正常工作。

这里是 test.php 截图

现在这是我在灯箱中加载的文件:

在我的 test.php 文件中，我还使用点击事件将另一个文件加载到灯箱中。灯箱与新加载的文件一起正确显示。这是调用灯箱的代码:

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 在灯箱中消失了，正如您在第二次截图只有灯箱出现，而不是像第一次截图那样在背景中出现细节。

请帮助我停止消失我最后加载的文件 (test.php)。

注意:我还在 lighbox 中使用了 .load() 函数来加载 url。

Answer 1

我还没有对 LightBox 做任何事情，但问题是您要用新的 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 内容。