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 ()
这些代码放在页面的最后