JQuery Corners - ошибка Visual Studio 2010

Question

Я пытаюсь понять, почему я не могу заставить JQuery Rounded Corners работать при попытке реализовать в Visual Studio 2010.

У меня есть следующие определения в 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>

Затем я пытаюсь реализовать JQuery Rounded Corners в Default.aspx:

<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, вы можете просто использовать это:

Обновление: Бен, пожалуйста, заменитеблоки скриптов в вашем разделе 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> вместо их окончания />

очень смешно, правда?;)

дайте мне знать, если это сработало.