关于为什么这个jQuery不起作用的任何想法?

时间:2011-04-23 02:09:34

标签: javascript jquery debugging

我有一个HTML页面,其中捕获了click个事件并隐藏了#testContent。我把HTML和Javascript放在jsFiddle中:http://jsfiddle.net/chromedude/VSXY7/1/。出于某种原因,在实际页面中.click()不起作用,但在jsFiddle中起作用。有没有人知道为什么会这样?

我确保jQuery和Javascript文件都正确附加并显示在Webkit Inspect和Firebug中。我也没有收到控制台错误。这很令人困惑。

更新: 您可以在此处查看实际页面:http://blankit.co.cc/test/77/

3 个答案:

答案 0 :(得分:2)

看起来您的javascript未正确加载。

<script type="text/javascript" src="../../includes/jquery.js"></script><script type="text/javascript" src="../../includes/navbar.js"></script><script type="text/javasript" src="../../includes/study.js"></script> 

您可以在javascript文件中放置一些 alert()功能,以确保正确加载。

答案 1 :(得分:1)

您的脚本标记在类型中有拼写错误,将其更改为text/javascript您缺少一封信。

更改study.js
$(function(){

console.log('hello');
alert('hello');
/*var testContent = $('#testContent').val();
var contentArray = testContent.split(" ");

$('#studyTestLink').click(function() {

     $('#testContent').hide();
     alert('hello');


});*/

});

$(function(){

$('#studyTestLink').click(function() {


   var testContent = $('#testContent').val();
    var contentArray = testContent.split(" ");

     $('#testContent').hide();
     alert('hello');


});

});

答案 2 :(得分:1)

我将你的代码添加到一个页面(使用jquery 1.5.2),它工作正常。你有其他任何可能破坏它的代码吗?