Question

好吧，有些令人沮丧和奇怪的事情正在发生。我在我的服务器上安装了JQuery，我知道它是正确导入的，因为当我运行一个简单的...

$(function() { alert('hello') });

警告“你好”。但是，当我尝试使用css选择器时......

$(".image").css("border","3px solid red");

它不起作用！是的，我100％确定文件中有类名称。这是真正的踢球者，当我将我的代码复制到jsFiddle时它工作得很好。是什么赋予了？！

Answer 1

您的jsFiddle设置为jsFiddle窗口左上角的onload。如果你将它设置为“No Wrap - in Head”来模拟<head>标签中的代码，那么你的jsFiddle将不再有效。

onload设置意味着jsFiddle在页面加载之前不会运行您的javascript。

在您的真实页面中，您可能在页面加载之前很快就运行了javascript。

你可以通过将javascript放在自己的.ready()函数中来解决这个问题：

$(document).ready(function(){
    $(".image").css("border","3px solid red");
});

或者，您可以确保javascript未加载/运行到</body>标记之前，这是确保在脚本运行之前加载页面内容的简单方法。

<body>
Your HTML content here

<script>
// your script here that runs after all of the DOM is parsed
$(".image").css("border","3px solid red");
</script>

</body>

有关正确放置<script>标记的详细信息，请参阅this answer。

Answer 2

您是否测试了在$(document).ready(function(){});内添加？

<script src="http://code.jquery.com/jquery-1.10.0.min.js"></script>
<script>
    $(document).ready(function(){
        $(".image").css("border","3px solid red");
    });
</script>

Answer 3

if u have a internet connection following link useful for you 

<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script> 

above link put inside a body or before write a script and please verify jquery js file.

JQuery在JS小提琴中工作，但不在我的网站上？

3 个答案: