Question

我有一个页面，其中我通过jsp include包含标题页。我遇到的问题是两个页面（header.jsp和主页面）jquery.colorbox.js。就像现在一样，我把它放在主页面而不是header.jsp上。当我在两个页面上都有它时，会弄乱主页上弹出的颜色框。当它只在一个或另一个页面上时，两个颜色框都工作，直到我打开主页面上的颜色框。打开主页面颜色框后，将不再显示header.jsp的对话框弹出窗口。

这是header.jsp的代码：

$('#logout_dialog').dialog({
                autoOpen: false,
                width: 600,
                buttons: {
                    "Yes": function() { 
                        $(this).dialog("close", logoutCheck()); 
                    }, 
                    "No": function() { 
                        $(this).dialog("close"); 
                    } 
                }
            });
            // Dialog Link
            $('#logout').click(function(){
                $('#logout_dialog').dialog('open');
                return false;
            });

这是主页的代码：

$("a[rel='import']").colorbox({opacity:.35});

<a rel="import" href="importBasicSearch.html" >Import File</a>

知道为什么会这样吗？

的的 **编辑* * ***

我注意到当我单击导入时，我在控制台中看到此错误：

$ .colorbox不是一个功能 [打破此错误] $ .colorbox（{href：“skuDetails.html ...：true，width：”75％“，height：”75％“}）;

但只要我不点击导入所有其他的工作正常。

的的 *编辑***

实际上我只是注意到每当我点击导入并关闭颜色框时，它将不再允许我从主页面执行其他一些jquery函数。看起来它仍然在importBasicSearch.html页面上寻找功能。

有什么想法吗？

Answer 1

我无法完全按照你的情况，但听起来你正在抛出JS错误，这会阻止其他JS执行。我的猜测是你用彩色框打开的链接应该用iframe沙箱。我假设您正在使用colorbox加载完整的HTML文档，该文档中的脚本与您已经运行的脚本冲突。尝试使用iframe：

$("a[rel='import']").colorbox({opacity:.35, iframe:true, width:500, height:500});

jQuery - Colorbox问题

1 个答案: