Question

在我的网页上，我有一个按钮和一些JQuery代码。问题是当我单击按钮时，不会执行JQuery代码。单击该按钮仍然会进行回发，并且似乎忽略了JQuery代码。这是我的按钮：

<button id="btnCancel" class="button" runat="server" ><span>Cancel</span></button>

这是我的JQuery代码：

 $(document).ready(function () {
    $('#btnCancel').click(function () {
        alert('hello');
    });
});

我想要实现的是，当单击按钮时，必须显示一条显示“Hello”的消息。我在这里错过了什么吗？

Answer 1

脚本没问题。请检查您是否正确加载jQuery。使用任何开发人员工具，如firebug。

在标题中添加这样的JQuery。

在页面中添加jQuery文件，如下面的Scripts是文件夹，jQuery.js是jQuery文件。如果您已将其包含在页面中，请使用任何开发人员工具检查它是否正确加载。

<header>    
    <script src="Scripts/jQuery.js" type="text/javascript"></script>    
</header>
<body>
   <button id="btnCancel" text="cancel"></button>
</body>

或者从CDN添加jQuery

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script>

编辑：我认为你需要jQuery版本的vsdoc文件。请检查以下链接，它应该直接工作。如果您想下载它，只需将其复制并保存为jquery-1.8.2-vsdoc.js文件。

http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.2-vsdoc.js

Answer 2

自从呈现页面时，控件的id变为其他内容，我认为你需要使用

$('#<%=btnCancel.ClientID %>').click();

或

<button id="btnCancel" class='btnCancel' text="cancel"></button>


$(document).ready(function () {
    $('.btnCancel').click(function () {
        alert('hello');
    });
});

Answer 3

人们在这里说了什么会有用。确保你已将所有部分放在一起。

添加jQuery

<head>
 ....
 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script>
</head>

添加您的代码

<button id="btnCancel" class="button" runat="server" ><span>Cancel</span></button>
<script type="text/javascript">
     $(document).ready(function () {
         $('#<%= btnCancel.ClientID %>').click(function () {
             alert('hello');
             return false;
         });
     });
</script>

我添加了“return false;”在那里，如果你只想运行javascript，那么不要回发页面。

在Click click事件上链接JQuery单击方法

3 个答案: