Question

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

我将此脚本放在一个单独的js文件中

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

我想点击ID =＆＃34; btn_click＆＃34;

的元素来执行此脚本

<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脚本。

<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>

之后检查脚本的路径。您的脚本有效correctly。

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中的一个问题

无论如何可能不行，但很容易尝试，值得一试，我估计

有关详细信息，请参阅here pageLoad

当然祝你好运

另一个想法

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

和

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

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

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

3 个答案: