Javascript onClientClick在调用jQuery函数时不工作

我想在用户单击ASP.NET服务器端按钮时触发jQuery表单显示

但是，当我在运行时单击按钮时，页面会很快重新加载。。没有打开jQuery表单

我试图创造的效果可以在这里看到：

基本上，当有人单击ASP.NET按钮时，我希望打开相同的对话框

这是我的代码：

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>

<asp:Button ID="createuser" runat="server" Text="Button" OnClientClick='$("#dialogform").dialog("open");'/>


<script type="text/javascript">

$(function() {

    $( "#dialogform" ).dialog({
      autoOpen: false,
      height: 300,
      width: 450,
      modal: true,
      buttons: {
        "Create an account": function() {
          alert('Hello');
        },
        Cancel: function() {
          $( this ).dialog( "close" );
        }
      },
      close: function() {
        $( this ).dialog( "close" );
      }
    });
  });

</script>

有人能找出问题所在吗？

而不是使用

<asp:Button ID="createuser" runat="server" Text="Button" OnClientClick='$("#dialogform").dialog("open");'/>

试用

<input type='button' value="Button"  onclick='$("#dialogform").dialog("open");' />

试试这个：

如果您直接引用服务器端的控件，ClientID应该包含任何NamingContainer信息（来自GridView、Repeater或其他任何地方）。找出控件的客户端ID使用浏览器的开发工具（即开发工具、Firefox的Firebug等），然后调试JavaScript

函数DoStuff（）{
$（#dialogform”）.dialog（“打开”）；
返回false；
});

您的按钮可能会发回服务器，您需要防止类似情况：

<asp:Button ID="createuser" runat="server" Text="Button" OnClientClick='$("#dialogform").dialog("open"); return false;'/>

---

如果Swapnil上面提到的html输入在“$”上抛出了一个错误，那么听起来jQuery要么没有加载，要么“$”被其他东西接管了。我会使用浏览器的开发工具来查看jQuery是否正在下载。在IE中，执行F12，转到网络选项卡，单击“开始捕获”按钮，刷新页面，然后使用jQuery检查行。

是否打开对话框？它给了我们什么？是否检查了浏览器控制台？未打开对话框。。只需快速重新加载页面..无法工作。。首先给了我一个关于

$

符号的错误。。当我切换到

jQuery

时，它开始给我

）预期的
错误。。我查过了。。没有缺少括号。。除此之外，
OnClick
仅用于服务器端函数，我认为这并不需要，因为我正在使用服务器端按钮上的
onClientClick
调用客户端JavaScript函数。。而不是反过来..那么您正在调用哪个函数
onclientClick（）
？是的，我正在使用
onclientClick
调用JavaScript函数。。这也可以从我上面的代码中看出。您创建的函数没有一个可以通过单击
onClientClick（）
来执行。您发布的代码仅在DOM Ready上执行，而不是
onClientClick（）
。首先检查jQuery的文档
function  DoStuff() {
     $( "#dialogform" ).dialog( "open" );
     return false;
 });


<asp:LinkButton id="createuser" OnClientClick="DoStuff();" runat="server">

<asp:Button ID="createuser" runat="server" Text="Button" OnClientClick='$("#dialogform").dialog("open"); return false;'/>