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.