首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

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

2013-12-09 
jquery的ui部分dialog在我写的html页面下正常运行,在VS2012MVC4框架下却不能运行,为什么?这是一个弹出登录

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>


            <input id="loginuserpaw" type="text" />
        </p>
    </div>

</body>

</html>
jquery?ui? jquery?ui VS2012 MVC4 jquery
[解决办法]
1,判断
<script src="../../jquery-1.9.1.js"></script>
这些路径真的正确吗?使用调试工具进行查看

2,看生成的浏览器的html真的跟这些完全一样吗?包括id等
[解决办法]
你在页面中加上
<script>
alert($)
</script>
看alert出什么
[解决办法]
另外,最好把
 $(function () 
这些代码放在页面的最后

热点排行