MVC jqueryUI модальный диалог

Question

Итак, во всех моих неудачных попытках заставить работать jQueryUI я пробовал этот пример здесь после загрузки темы с сайта jQueryUI.

и вот мой код, глядя на этот пример по ссылке выше на моей странице asv.net mvc.

<link type="text/css" href="<%= Url.Content("~/Scripts/jquery-ui/css/smoothness/jquery-ui-1.8.17.custom.css")%>" rel="stylesheet" />    
<script type="text/javascript" src="<%= Url.Content("~/Scripts/jquery-ui/js/jquery-1.7.1.min.js")%>"></script>
<script type="text/javascript" src="<%= Url.Content("~/Scripts/jquery-ui/js/jquery-ui-1.8.17.custom.min.js")%>"></script>



<script>

$('#dialog_link').click(function(){
    $('#Dialog').dialog('open');  
    return false;
});


</script>

<p id="dialog_link">Open Dialog</p> 


<div id="Dialog" title="Dialog title!">
This content shown within dialog...

</div>

После нажатия F5 я бы ожидал увидеть кликабельный текст, который при щелчке вызовет модальное диалоговое окно с кнопкой [x], чтобы закрыть его и вернуться в главное окно. Однако, что я вижу, это при загрузке страницы,

, где текст «открытый диалог» не реагирует на события щелчка, и предполагаемый «модальный диалог» уже виден в виде простой строки и без какого-либо форматирования. Так в чем же заключалась вся магия jQueryUI? Что-то не так в моих ссылках правильных сценариев? Полностью потерян. Пожалуйста, помогите ..

Редактировать Этот точно такой же код работает в чистом режиме HTML в другом файле. когда я копирую этот код на свою страницу mvc asp.net в тегах контента, я получаю ошибку javascript в неописуемой строке !!

Answer 1

Просто уберите «open» из вашего диалога $ («# Dialog»). («Open»);и вы готовы идти.

Редактировать: добавлен этот jsFiddle с вашим кодом в качестве примера:

http://jsfiddle.net/DoomHamster/LhJsL/1/

Кроме того, вам не нужно 'вернуть ложь'при нажатии на элемент без события щелчка по умолчанию.

РЕДАКТИРОВАТЬ: из вашего комментария ниже, я подозреваю, что у вас возникли проблемы с загрузкой jQuery и jQueryUI в первую очередь.Попробуйте заменить ссылки на сценарии и ссылки css следующим тестом для устранения проблем с путями:

<link type="text/css" rel="Stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.17/themes/ui-lightness/jquery-ui.css" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.17/jquery-ui.min.js"></script>

Answer 2

Попробуйте это

$(function()
{
    $('#dialog_link').click(function(){
    $('#Dialog').dialog();  
   return false;
    });
})