当前位置: 代码迷 >> JavaScript >> jquery的ui部分dialog在小弟我写的html页面下正常运行,在VS2012MVC4框架下却不能运行,为什么
  详细解决方案

jquery的ui部分dialog在小弟我写的html页面下正常运行,在VS2012MVC4框架下却不能运行,为什么

热度:363   发布时间:2013-12-09 09:45:50.0
jquery的ui部分dialog在我写的html页面下正常运行,在VS2012MVC4框架下却不能运行,为什么?
这是一个弹出登录框的jquery代码,为什么在VS2012的MVC4框架下不能运行?自己写一个txt文件,复制上代码,就可以运行。不知道为什么,请大神指教
<html>
<head>
<title>登录框</title>
<script src="../../jquery-1.9.1.js"></script>
<script src="../../ui/jquery.ui.core.js"></script>
<script src="../../ui/jquery.ui.widget.js"></script>
<script src="../../ui/jquery.ui.button.js"></script>
<script src="../../ui/jquery.ui.dialog.js"></script>
        <script src="../../ui/jquery.ui.position.js"></script>
        <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css">
        <link rel="stylesheet" href="../demos.css">
</head>
<body>
<a href="#" id="login_div">弹出对话框</a>
<script type="text/javascript">
        $(function () {
           
            $("#div-login").dialog({
                autoOpen: false,
                resizable: false,
                height: 140,
                modal: true,
                buttons: {
                    "确定": function () {
                        var username = $("loginusername");
                        var userpass = $("loginuserpaw");
                        if (username.val() == "") {
                            alert("用户名不能为空");
                        } else if (userpass.val() == "") {
                            alert("用户密码不能为空");
                        }
                        else {
                            alert("成功");
                        }
                    },
                    "取消": function () {
                        $(this).dialog("close");
                    }

                }
            });

            $("#login_div").click(function () {
                // alert("你好");
                //alert("你好");
                $("#div-login").dialog("open");

            });

        });
    </script>
   <div id="div-login" title="登录">
        <p>
            <label for="loginusername">用户名:</label>
            <input id="loginusername" type="text" />
        </p>
        <p>
            <label for="loginuserpaw">密码:</label>
  相关解决方案