Question

我是JQuery用户的新手。我有一些实现不同插件的经验，但是试图自定义我自己就失去了。

由于NDA，我无法与您分享确切的网站详细信息，所以我希望有人可以给我一些帮助。我今天有一个项目（只是HTML / CSS / JQuery）。

它有一个灯箱，显示/隐藏登录菜单，滑块是Easy Slider 1.5。一切都在一起工作，直到我尝试更新到Easy Slider 1.7（请参阅同一页面上的链接，我太新了，不能发布超过1个链接）。当我这样做时，JQuery停止了所有插件的工作。通过撤消我的工作（没有做太多），我试图恢复到原始状态，广告JQuery仍然破碎。

Firebug错误控制台共享没有错误。无论我怎么努力，我都无法在代码中找到任何东西。

任何人都可以帮我解决这个JQuery问题吗？交付应该是今晚的项目。

编辑：通用标题信息：

<!-- Global Style Sheet -->

<link rel="stylesheet" href="style.css" media="screen" type="text/css" />

<!-- Cufon -->

<script src="cufon/cufon.js" type="text/javascript"></script>
<script src="cufon/gotham_325-gotham_350.font.js" type="text/javascript"></script>

<!-- jQuery Javascript -->

<script type="text/javascript" language="javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" language="javascript" src="js/jquery-ui-1.7.1.custom.min.js"></script>
<script type="text/javascript" language="javascript" src="js/jquery.colorbox.js"></script>
<script type="text/javascript" language="javascript" src="js/global.js"></script>
<script type="text/javascript" language="javascript" src="js/home.js"></script>
<script type="text/javascript">
        $(document).ready(function() {

            $(".signin").click(function(e) {          
                e.preventDefault();
                $("fieldset#signin_menu").toggle();
                $(".signin").toggleClass("menu-open");
            });

            $("fieldset#signin_menu").mouseup(function() {
                return false
            });
            $(document).mouseup(function(e) {
                if($(e.target).parent("a.signin").length==0) {
                    $(".signin").removeClass("menu-open");
                    $("fieldset#signin_menu").hide();
                }
            });         

        });
</script>
<script src="javascripts/jquery.tipsy.js" type="text/javascript"></script>
<script type='text/javascript'>
    $(function() {
      $('#forgot_username_link').tipsy({gravity: 'w'});   
    });
  </script>
<script type="text/javascript" language="javascript" src="js/easySlider1.5.js"></script>
<script type="text/javascript">
$(document).ready(function(){   
    $("#slider").easySlider();
}); 
</script>
<script type="text/javascript">
            $(document).ready(function(){
                $(".regbox").colorbox({iframe:true, innerWidth:270, innerHeight:270});
            });
        </script>

Answer 1

您的问题最可能的原因是，在加载jQuery之前或在$(document).ready()调用之前，脚本会抛出异常。

从以下代码开始，逐一包含您的代码，直至找到有问题的代码：

<!-- jQuery Javascript -->
<script type="text/javascript" language="javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" language="javascript" src="js/jquery-ui-1.7.1.custom.min.js"></script>
        $(document).ready(function() {
            window.alert("jQuery works!");          
        });
</script>

旁注：为什么你有$(document).ready()附加了两个独立的功能？

更新到Easy Slider 1.7使我的所有JQuery代码停止工作

1 个答案: