ASP.NET MVC2用戶控件JQuery問題

Question

我想為我的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>  

現在頁面加載腳本不執行

Answer 1

href中的＃號將導致頁面重新加載。

在js中，您需要通過從click事件返回false來阻止click事件激活鏈接：

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