无法在aspx页面中调用外部javascript

Question

我是jquery的新手。 帮我解决这个问题

我在单独的js文件中有此脚本

$(document).ready(function () {
$("#btn_click").click(function () {
    $("#SecondLine").hide();
});
});

我想通过单击id =“ btn_click”的元素来执行此脚本

<form id="form1">
<div>
    <h2>This is a heading</h2>
    <p>This is a paragraph.</p>
    <p id="SecondLine">This is another paragraph.</p>       
    <p1 id="btn_click">Click me</p1>
</div>
</form>

当我在同一个aspx页面的head标签之间包含整个脚本时，代码可以完美工作。 但是当我在单独的js文件中有此代码时，它不起作用。 注意：我已将脚本包含在aspx页面中。

<script src="../Scripts/jquery-1.4.1-vsdoc.js" type="text/javascript"></script>
<script src="../Scripts/jquery-1.4.1.js" type="text/javascript"></script>
<script src="../Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
<script src="../JQuery/JQuery_HidingText.js" type="text/javascript"></script>

仍然无法正常工作:(。我错过了什么吗？

Answer 1

您要加载jQuery scripy两次。

<script src="../Scripts/jquery-1.4.1.js" type="text/javascript"></script>
<script src="../Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>

删除其中之一。

您也应该删除此文件：

<script src="../Scripts/jquery-1.4.1-vsdoc.js" type="text/javascript"></script>

之后，检查脚本路径。 您的脚本可以正常工作。

Answer 2

使用〜符号代替..

〜/ Scripts / jquery-1.4.1.js“代替../Scripts/jquery-1.4.1.js”〜/ Scripts / jquery-1.4.1.min.js“代替../Scripts/jquery- 1.4.1.min.js”

祝一切顺利

Answer 3

尝试使用

pageLoad()

代替

$(document).ready(function ()
{
  //.. etc
}); 

pageLoad使用其他方法（超时）来检查DOM是否准备就绪。 我有一个脚本因$(document).ready失败，但与pageLoad一起使用pageLoad稍后击中了一个分数，这有所作为。 对我来说，这只是IE中的一个问题

无论如何，可能不起作用，但很容易尝试，值得一试

详细信息请参见此处

当然，祝你好运

另一个想法

将外部脚本文件引用的位置更改为刚好在body标记之前，而不是在头部。 再次为标记提供在脚本执行之前加载的最佳机会（我知道准备就绪的文档应该这样做，但是...）。 再次值得一游

和

仅出于测试目的，我将外部脚本文件更改为尽可能简单，以排除任何其他问题，即使用

$(document).ready(function () {
    alert('Hello - i am here');
});