Как использовать диалог jquery UI

Мне интересно, что мне нужно, чтобы на экране появилось только основное диалоговое окно jquery. Вот мой код ниже. Любая помощь, почему ни один из свойств пользовательского интерфейса не отображается при выполнении кода ниже? Все, что происходит в настоящее время, - это если пользователь нажимает «показать диалог», тогда появляется простой HTML-текст без какого-либо пользовательского интерфейса или фактического диалогового окна. Я включил jquery UI-скрипты, которые я загрузил с http://jqueryui.com/download, но, возможно, я не загружал и не использовал правильные сценарии пользовательского интерфейса? Благодаря!Как использовать диалог jquery UI

Мастер код страницы:

<%@ Master Language="C#" AutoEventWireup="true" CodeFile="Site.master.cs" Inherits="SiteMaster" %> 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1- strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> 
<head runat="server"> 
<title></title> 
<link href="~/Styles/Site.css" rel="stylesheet" type="text/css" /> 

<script type="text/javascript" src="Scripts/jquery-1.7.1.min.js"></script> 
<script src="Scripts/UI/css/ui-lightness/jquery-ui-1.8.17.custom.css"  type="text/javascript"></script> 
<script src="Scripts/UI/js/jquery-ui-1.8.17.custom.min.js" type="text/javascript"></script> 
<asp:ContentPlaceHolder ID="HeadContent" runat="server"> 
</asp:ContentPlaceHolder> 
</head> 
<body> 
    <form runat="server"> 
<div class="page"> 
    <div class="main"> 
     <asp:ContentPlaceHolder ID="MainContent" runat="server"/> 
    </div> 
</div> 
</form> 
</body> 
</html>

По умолчанию Страница:

<%@ Page Title="Home Page" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true" 
CodeFile="Default.aspx.cs" Inherits="_Default" %> 

<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent"> 
<script src="Scripts/textboxclone.js" type="text/javascript"></script> 
<script src="Scripts/fadeOut.js" type="text/javascript"></script> 
<script src="Scripts/flip.js" type="text/javascript"></script> 
<script src="Scripts/dialog.js" type="text/javascript"></script> 

</asp:Content> 
<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">  
<a id='showDialog' href="#">Show Dialog</a> 
<div id="dialog1" style="display:none;"> 
<div id="dialog" title="Basic dialog"> 
    <p>This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</p> 
</div> 
</div> 
</asp:Content>

источник

2012-01-30 jre247

Вы должны включить CSS файл JQuery в виде файла CSS. Используйте

<link rel="Stylesheet" 
     href="Scripts/UI/css/ui-lightness/jquery-ui-1.8.17.custom.css" />

вместо

<script src="Scripts/UI/css/ui-lightness/jquery-ui-1.8.17.custom.css" 
     type="text/javascript"></script>

источник

2012-01-30 21:19:55 FishBasketGordo

Это решило мою проблему! Все, что мне нужно было сделать, это изменить этот точный код, упомянутый выше для файла CSS JQuery, как файл CSS. Благодаря!! – jre247

Как использовать диалог jquery UI

ответ

Смежные вопросы