javascript - CSS/JS slider 代码阻塞 CSS/JS 覆盖

Question

我有一个 CSS/JS 图像 slider ，它似乎阻止了我之前在网站上使用的 CSS/JS 自动叠加弹出窗口(用于新闻订阅)。

无论有没有弹出代码， slider 都可以工作；但是对于页面上的 slider 代码，弹出窗口将不起作用，并且一旦我删除 slider 代码就会再次出现。

我对JS的理解很有限，所以我把能想到的都试过了，一点进展都没有。

相关代码如下，问题页面为http://www.catalystathletics.com (弹出窗口应该只在第一次访问时出现，除非浏览器被清除)。

提前感谢您的任何建议!

<!-- HEADER SLIDER -->
<link rel="stylesheet" href="/_inc/slider/slippry.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<script src="/_inc/slider/slippry.min.js"></script>
<script>
jQuery(document).ready(function(){
  jQuery('#headerSlider').slippry();
});
</script>
<!-- END HEADER SLIDER -->




<!-- SUBSCRIPTION POPUP -->
    <link media="screen" rel="stylesheet" target="_blank" href="/_inc/subPopup/colorbox.css" />
    <!-- Style For the Subscription Box -->
    <link media="screen" rel="stylesheet" target="_blank" href="/_inc/subPopup/popup.css" />
    <!-- <script language="javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js" type="text/javascript"></script> -->
    <script language="javascript" src="/_inc/subPopup/colorbox.js"></script>
<script>
$("document").ready(function (){ 

       // load the overlay

        if (document.cookie.indexOf('visited=true') == -1) {
            var fifteenDays = 1000*60*60*24*15;
            var expires = new Date((new Date()).valueOf() + fifteenDays);
            document.cookie = "visited=true;expires=" + expires.toUTCString();
            $.colorbox({width:"580px", inline:true, href:"#subscribe_popup"});
        }

        $(".open_popup").colorbox({width:"580px", inline:true, href:"#subscribe_popup"});

 });
</script>
<!-- END SUBSCRIPTION POPUP -->

Answer 1

您正在使用旧版本的 colorbox ，当控制台记录“TypeError: a.browser is undefined”时，请尝试将您的彩盒插件更新到最新版本。如果这不能解决问题，请尝试使用 jquery-migrate脚本，如:

<script src="http://code.jquery.com/jquery-migrate-1.0.0.js"></script>