JQuery在JS小提琴中工作,但不在我的网站上?
好吧,真正令人沮丧和奇怪的事情正在发生。 我在我的服务器上安装了JQuery,我知道它是正确导入的,因为当我运行一个简单的…
$(function() { alert('hello') });
它警告“你好”。 但是,当我尝试使用css选择器时……
$(".image").css("border","3px solid red");
这是行不通的! 是的,我100%确定文件中有类名。 这是真正的踢球者,当我将我的代码复制到一个jsFiddle时,它工作得很好。 是什么赋予了?!
您的jsFiddle设置为jsFiddle窗口左上角的onload
。 如果你将它设置为“No Wrap – in Head”来模拟标签中的代码,那么你的jsFiddle就不再有效了。
onload
设置意味着jsFiddle在页面加载之前不会运行你的javascript。
在您的真实页面中,您可能在页面加载之前很快就运行了javascript。
你可以通过将你的javascript放在它自己的.ready()
函数中来解决这个问题:
$(document).ready(function(){ $(".image").css("border","3px solid red"); });
或者,您可以确保直到标记之前没有加载/运行javascript,这是确保在脚本运行之前加载页面内容的简单方法。
Your HTML content here
有关正确放置标记的更多详细信息,请参阅此答案 。
你有没有测试添加$(document).ready(function(){});
?
if u have a internet connection following link useful for you above link put inside a body or before write a script and please verify jquery js file.