ASP.NET MVC2用户控件JQuery问题

时间:2010-09-09 21:24:22

标签: jquery jquery-ui asp.net-mvc-2

我想对我的asp.net mvc2应用程序进行自己的授权,我想使用默认的LogOn用户控件,我将此代码添加到用户控件中:

<a id="log_in" href="#">log in</a>    

    <div id="dialog" title="Please sing in">
        <p>Login:</p>
        <p><input type="text" /></p>
        <p><input type="text" /></p>
    </div>

这是用于呈现用户控件的母版页:

<script src="../../Scripts/jquery-1.4.1.min.js" type="text/javascript" />   
   <script src="../../Scripts/jquery-ui-1.8.4.custom.min.js" type="text/javascript" />
    <script type="text/javascript">
        window.onload = function() {
            console.log("ready");
            $("#log_in").click(function() { showDialog(); });
            $("#dialog").hide();

            function showDialog() {

                $("#dialog").dialog({
                    height: 140,
                    modal: true
                });
            }
        }
    </script>  

现在页面加载脚本没有执行

1 个答案:

答案 0 :(得分:1)

你的href中的#会导致重新加载页面。

在js中,您需要通过从click事件返回false来阻止click事件激活链接:

$("#log_in").click(function() { showDialog(); return false; });