jQuery在文档就绪函数内部时无法正常工作

时间:2013-03-24 19:58:18

标签: javascript jquery function

我已经有好几天这个问题,在环顾SO和Google之后我似乎无法解决它。

我在WAMP建立一个网站离线工作。我使用google API在<head>部分中包含了jQuery:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

似乎所有我的其他jQuery插件都与我试图构建自己的那些工作分开。

我写的所有jQuery都放在一个名为sitename.js的文件中,并放在/js/目录中,就像所有其他js脚本一样。

现在问题是,我似乎无法让$(document).ready(function()工作,或任何点击事件。

这是我的剧本:

$(document).ready(function(){   
      console.log("test");
});

当我将console.log移到文档就绪函数之外时,它会在我的控制台(firebug)中显示它,但是当它在内部时,却没有。

点击事件也不起作用,我不明白为什么:

$('.more').live("click",function(){
    console.log("test");
}

这也不起作用,我确实有一个类名为more的div。

我不确定问题是什么,不正确的代码或其他脚本是否干扰了这个问题。提前感谢任何建议或答案

2 个答案:

答案 0 :(得分:1)

jQuery v.1.9.1

不再支持

live

改为使用.on()

$("#parent").on("click", ".more", function(){
    console.log("test");
});

答案 1 :(得分:0)

如果jQuery处于noconflict模式,

$不会在$(document).ready之外定义。

试试这个:

jQuery(document).ready(function(){   
  console.log("test");
});

此外,请确保您没有链接到https网站的http。目前,最好的做法是始终链接到资源的https版本(如果可用),无论是来自http还是https。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

忽略关于无协议链接的任何信息。

相关问题