Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/fsharp/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jQuery在Chrome18中不工作_Javascript_Jquery_Google Chrome - Fatal编程技术网

Javascript jQuery在Chrome18中不工作

Javascript jQuery在Chrome18中不工作,javascript,jquery,google-chrome,Javascript,Jquery,Google Chrome,对于我来说,jQuery中的任何东西在Chrome中似乎都不起作用。我的版本是18.0.1025.151 m。javascript位于文件test.js中: html是这样的: <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>jQuery Example</title> <script src="jqu

对于我来说,jQuery中的任何东西在Chrome中似乎都不起作用。我的版本是18.0.1025.151 m。javascript位于文件test.js中:

html是这样的:

<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>jQuery Example</title>

    <script src="jquery-1.7.1.min.js"></script>
    <script src="test.js"></script>
</head>
<body>
    <p id="paragraph">This is my paragragh 401!</p>
</body>
</html>

jQuery示例
这是我的梦想

我已经三次检查jQuery文件是否在它应该在的位置。从本质上讲,该代码应该在单击时使段落消失。看起来很简单,语法正确。我之所以选择这样一个简单的代码,是因为尽管常规javascript语句和代码可以很好地工作(如alert()和诸如此类),但到目前为止,jQuery中完全没有任何东西可以工作

但奇怪的是。在Chrome的开发者工具中使用控制台时,如果我输入完全相同的jQuery内容并按enter键,它实际上会按照预期的方式工作

这和Chrome的安全结构有什么关系吗


编辑:另外,我应该注意,我还没有将这些文件上传到我的服务器上。这是在localhost上的(我使用了xammp),因此这可能有助于阐明这个问题。

将代码包装在文档准备就绪中,或者将
test.js
放在结束体标记之前。

将代码包装在文档准备就绪中,或者将
test.js
放在end body标记之前。

它在DOM准备就绪之前执行。应该是这样的:

$(function(){
    $('#paragraph').click(function() {
        $('#paragraph').hide();
    });
});
针对以下评论:

.ready()方法通常与匿名函数一起使用:

这相当于调用:


它在DOM准备就绪之前执行。应该是这样的:

$(function(){
    $('#paragraph').click(function() {
        $('#paragraph').hide();
    });
});
针对以下评论:

.ready()方法通常与匿名函数一起使用:

这相当于调用:


你必须把它包装成文件准备好。那可能是你的问题。您还可以使用
$(this)
或缓存选择器

$(function () {
    $('#paragraph').click(function () {
        $(this).hide();
    });
});

你必须把它包装成文件准备好。那可能是你的问题。您还可以使用
$(this)
或缓存选择器

$(function () {
    $('#paragraph').click(function () {
        $(this).hide();
    });
});

所以根据你的问题标题,这个问题只针对Chrome18?它适用于所有其他浏览器?奇怪的是,它适用于Firefox和InternetExplorer9。您是否将javascript包装在文档中。就绪功能?下载者,冷却您的触发手指。尽管这个问题本质上是问一些非常基本的问题,但实际上这是一个写得很好的问题,表明提问者的实际情况。所以根据你的问题标题,这个问题只针对Chrome 18?它适用于所有其他浏览器?奇怪的是,它适用于Firefox和InternetExplorer9。您是否将javascript包装在文档中。就绪功能?下载者,冷却您的触发手指。尽管这个问题本质上是问一些非常基本的问题,但实际上这是一个写得很好的问题,表明提问者的实际情况。@iambriansreed我相信你是错误的,好先生。:)请看我的编辑。@IAMBRIANSRED无需担心。不过我更喜欢CoffeeScript版本,它很简单:
$->
@iambriansreed我相信你是错的,好先生。:)请看我的编辑。@IAMBRIANSRED无需担心。我甚至更喜欢CoffeeScript版本,它很简单:
$->
哇,把脚本放在正文的末尾就行了!谢谢大家!本网站(网址:)无论如何,你应该学习如何按照另一个答案做准备文档的事情,因为有时候将脚本放在结束正文标记之前并不总是可行的。哇,将脚本放在正文的结尾是可行的!谢谢大家!本网站(网址:)无论如何,您应该学习如何按照另一个答案来做doc准备工作,因为有时将脚本放在end body标记之前并不总是可行的。
$(function () {
    $('#paragraph').click(function () {
        $(this).hide();
    });
});