JavaScript冲突阻止页面正确显示

时间:2015-04-29 07:47:09

标签: javascript html

我在使用jquery脚本的页面中遇到冲突,除非页面重新加载多次,否则页面中的功能(顶层菜单或图像滑块)不会打开。 http://www.in2info.com/leroyalcorporatev2/beirut/restaurants.php?v=4

有人可以帮我解决吗? 谢谢

3 个答案:

答案 0 :(得分:1)

问题:

Uncaught ReferenceError: $ is not defined(anonymous function)     
Uncaught TypeError: $ is not a function(anonymous function) 

<强>原因:

这可能意味着无论您从加载$(我假设是jQuery),都可能 NOT 及时加载,因此当网站最初被点击,jQuery没有准备好,菜单将被破坏。

确保在correctly

中添加jQuery

示例:

<head>
     <script src="jquery-1.11.2.min.js"></script>
</head>

答案 1 :(得分:1)

查看浏览器控制台调试窗口。我用过铬(按F12) enter image description here Jquery没有加载,因此问题。 将您的jquery引用放在标题下,如下所示: -

  <script src="js/jquery-1.3.2.min.js"></script>

答案 2 :(得分:0)

你使用

    <head>
.....
        <script>
        $(window).load(function(){
            $.getScript("js/jquery-1.3.2.min.js");
        });</script>
....
    </head>

在你的head标签中加载jquery

$是jquery

将jquery直接放入头部

e.g。

<head>
...
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
... //use $ now
</head>
在脚本行jquery变为可用($)之后