面对有关JQuery和ASP.Net 4.0的问题

时间:2011-08-01 07:18:54

标签: jquery asp.net-4.0

我创建了一个小的asp.net 4.0 webforms项目。我的default.aspx页面中有一个按钮和一个<div>

我只是通过OnClientClick

在我的按钮上附加了一个事件

这是我的代码

<%@ Page Title="Home Page" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true"
CodeBehind="Default.aspx.cs" Inherits="MyWebApps._Default" %>

<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent">
</asp:Content>
<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">

<script language="javascript" type="text/javascript">

 function showMessage() {
     alert("pp");
    }      

</script>

<h2>
    Welcome to ASP.NET!
</h2>
<p>
    To learn more about ASP.NET visit <a href="http://www.asp.net" title="ASP.NET Website">www.asp.net</a>.
</p>
<p>
    You can also find <a href="http://go.microsoft.com/fwlink/?LinkID=152368&amp;clcid=0x409"
        title="MSDN ASP.NET Docs">documentation on ASP.NET at MSDN</a>.

</p>
 <asp:Button ID="btn" runat="server" Text="Hello" OnClientClick="showMessage();return false;" /><div id="message"></div>

上面的代码工作正常。当我点击按钮然后出现警报消息而没有发生回发。

当我在页面中包含jquery js文件时,问题就开始了,如

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

当我包含上述文件时,问题就开始了。如果我在添加jquery js文件后点击我的按钮,那么什么也没发生,回发就发生了。当我在页面中包含jquery js文件时,我很困惑为什么会出现问题。

请帮我解决这个问题。

4 个答案:

答案 0 :(得分:2)

尝试更改脚本代码,使其不会自动关闭(即将.../>更改为...>< /script>)。

这适用于我使用IE8 / XP3 / VS2010 / .NET4

答案 1 :(得分:0)

您在页面中的哪个位置放置了jquery脚本参考?问题是javascript抛出错误,这就是showMessage()javascript函数无法正常工作的原因。

因此,不会调用return false,因此单击该按钮会导致页面被发布。

调试此方法的一个好方法是实际使用没有NavigateUrl而不是按钮的超链接,然后将客户端侧面的超链接与showMessage()关联,然后尝试在firebug中使用它并查看添加jquery引用时会出现什么javascript错误。

答案 2 :(得分:0)

尝试这个

<script language="javascript" type="text/javascript" src="http://wwww.domainname.com/Scripts/jquery-1.4.1.min.js"/>

答案 3 :(得分:-1)

尝试更改脚本代码,使其不会自动关闭(即更改... /&gt;到...&gt;&lt; / script&gt;)