JQuery 角 - Visual Studio 2010 错误

Question

我试图弄清楚为什么在 Visual Studio 2010 中尝试实现时无法使 JQuery Rounded Corners 工作。

我在 Site.Master 中定义了以下内容：

<script src="Scripts/jquery-1.4.1.min.js" language ="javascript" type="text/javascript" />
<script src="Scripts/jquery.colorbox-min.js" language ="javascript" type="text/javascript" />
<script src="Scripts/jquery.ui.js" language ="javascript" type="text/javascript" />
<script src="Scripts/jquery.corners.min.js" language ="javascript" type="text/javascript" />
<script type="text/javascript"></script>

然后我尝试在 Default.aspx 中实现 JQuery 圆角：

<script type="text/javascript">
$(document).ready(function () {
// add code here
$('.box').corners('20px');
});
</script>

但是，当我运行该站点时，调试器会出现一条错误消息：

microsoft jscript 运行时错误：对象不支持此属性或方法

脚本在以下位置调用错误：$('.box').corners('20px');

有没有人设法让 JQuery Rounded Corners 在 Visual Studio 2010 中工作？

谢谢 本

Answer 1

我认为这是因为您包含的文件 src= 不正确。

您可以在脚本块中使用 ResolveUrl，看看：

<script type="text/javascript" src="<%=ResolveUrl("~/Scripts/jquery-1.4.1.js")%>"/>

恕我直言，更好的解决方案是包含来自任何免费 CDN 提供商的此文件，这是一个示例：

http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.1.js

所以你的行应该是这样的：

<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.1.js" language ="javascript" type="text/javascript" />

如果您使用的是 asp.net，并且使用 ScriptReference 和所有 Microsoft Ajax 的东西，您可以简单地使用这个：

更新：Ben，请将您的head 部分中的脚本块替换为这些块：

<script type="text/javascript" src="<%=ResolveUrl("~/Scripts/jquery-1.4.1.js")%>"></script>
<script type="text/javascript" src="<%=ResolveUrl("~/Scripts/jquery.ui.js")%>"></script>
<script type="text/javascript" src="<%=ResolveUrl("~/Scripts/jquery.corners.min.js")%>"></script>

问题已解决，只需通过</script> 关闭脚本块，而不是用/> 结束它们

很有趣，对吧？ ;)

让我知道它是否有效。