我已经看过几个问题,但我的问题似乎并不相关。
我将它放在ASPX页面的顶部:
<asp:Content runat="server" ID="HeaderContent" ContentPlaceHolderID="HeadContent">
<link rel="stylesheet" type="text/css" href="~/Styles/jquery.multiselect.css" />
<script type="text/javascript" src="~/Scripts/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="~/Scripts/jquery-ui-1.8.20.min.js"></script>
<script type="text/javascript" src="~/Scripts/jquery.multiselect.min.js"></script>
<script type="text/javascript">
$(function() {
$("#test-1").multiselect({
header: true
});
});
</script>
</asp:Content>
我的脚本肯定在Scripts文件夹中(区分大小写)。不过,当我运行代码时,我得到的是&#34;&#39; $&#39;未定义&#34;错误。当我打破代码时,最后两行用红色加下划线,当我将鼠标悬停在它们上面时,它表示&#34;预期/&#34;错误。
我没试过&#34;〜&#34;在路径中并在路径中使用2个点,结果相同。
页面会加载,但我尝试使用的多选下拉菜单看起来不应该这样。
修改
在我运行代码之后,页面源代码如下:
<head><meta charset="utf-8" /><title>
Register - My ASP.NET Application
</title><script src="/Scripts/modernizr-2.5.3.js"></script>
<!-- <link href="/Content/Site.css" rel="stylesheet"/>
-->
<link href="../favicon.ico" rel="shortcut icon" type="image/x-icon" /><link href="../Styles/Site.css" rel="stylesheet" type="text/css" /><meta name="viewport" content="width=device-width" />
<link rel="stylesheet" type="text/css" href="~/Styles/jquery.multiselect.css" />
<script type="text/javascript" src="~/Scripts/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="~/Scripts/jquery-ui-1.8.20.min.js"></script>
<script type="text/javascript" src="~/Scripts/jquery.multiselect.min.js"></script>
<script type="text/javascript">
$(function() {
$("#test-1").multiselect({
header: true
});
});
</script>
</head>