使用jquery弹出窗口 [英] Making a pop up using jquery
本文介绍了使用jquery弹出窗口的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我正在使用jquery制作弹出窗口，但它无法正常工作。我的编码就是这样.....
<％@ Page 标题 = 移民VisaWalk 语言 = C＃ MasterPageFile = 〜/ Site.Master AutoEventWireup = true CodeBehind = Feedback.aspx.cs < span class =code-attribute>继承 = VisaWalk.Presentation.Feedback ％>
< asp：内容 ID = Content1 ContentPlaceHolderID = HomeHeader runat = server >
< script src = ../ Scripts / jquery-1.6.2.min.js 类型 = text / javascript > < / script >
< link href = ../ Scripts / jquery-ui.css rel = styl esheet type = text / css / >
< script < span class =code-attribute> src = ../ Scripts / jquery.ui.dialog.js type = text / javascript > < / script >
< link href = ../ Scripts / jquery.ui.dialog.css rel = 样式表 < span class =code-attribute> type = text / css / >
< script src = ../ Scripts / jquery-1.4.1-vsdoc.js type = text / javascript > < / script >
< script src = ../ Scripts / jquery-1.4.1.js type = text / javascript > < / script >
< script src = ../ Scripts / jquery-1.4.1。 min.js type = text / javascript > < / script >
< script src = ../ Scripts / jquery-1.9.0。 js type = text / javascript > < < span class =code-keyword> / script >
< span class =code-keyword>< script src = ../ Scripts / jQuery％20UI％201.10.0.js type = < span class =code-keyword> text / javascript > < < span class =code-keyword> / script >
< span class =code-keyword>< script type = text / javascrip t language = javascript >
$（ document ）。ready（ function （）{
$（ function （）{
$ diag = $（ ＃dialog）;
var dialogOpts = {
width： 100 ，
height： 100 ，
autoOpen： false ，
modal： true
};
$ diag.dialog（dialogOpts）;
$（ ＃Button1）。click（ function （）{
$ diag.dialog（' open' ）;
返回 false ;
}）;
// $（＃Button1）。click（function（）{
// $ diag.dialog（'close'）;
// 返回false;
// }）;
}）;
}）;
< / script >
< div class = 包装 >
< div id = featured_slide class = clear >
< div < span class =code-attribute> class = overlay_left > < / div >
< div id = featured_content >
< div class = featured_box id = fc1 >
< div id = 幻灯片显示 >
< ; div > < img src = ../ images / Header / VisaWalk.jpg class = first / > < / div >
< div > < img src = ../ images / Header / VisaWalk1.jpg / > < / div >
< div > < img src = ../ images / Header / immigration.jpg / > < / div >
< div > < img src = ../ images /地点/ VisaWalk2.jpg / > < / div >
< / div >
< / div >
< / div >
< asp：SiteMapDataSource ID = SiteMapDataSource1 runat = 服务器 / >
< asp：SiteMapPath ID = SiteMap1 runat = 服务器 >
< / asp：SiteMapPath >
< div style = float：right >
< asp：TextBox ID = TextBox1 runat = 服务器 TextMode = MultiLine style = float：right > < / asp：TextBox >
< asp：按钮 ID = Button1 runat = server 文本 = 发布 onclick = Button1_Click1 style = float：right / >
< 免费：评估 id = 评估1 runat = server < span class =code-attribute> 标题 = 免费评估 style = float：right > < /免费：评估 >
< div id = 对话框 title = mkl >
< asp：TextBox ID = TextBox2 runat = server > < / asp：TextBox >
< / div >
< / div >
< / div >
< / div >
< / div >
< / asp：Content >
< asp：内容 ID = Content2 ContentPlaceHolderID < span class =code-keyword> = MainContent runat = 服务器 >
< div class = welcome >
< h2 class = main_head > & nbsp;& nbsp;反馈< / h2 >
< asp：Literal ID = ltfeedback runat = 服务器 > < / asp：Literal >
<％ - < asp：TextBox ID =TextBox1runat =serverTextMode =MultiLine>< / asp：TextBox>
< asp：Button ID =Button1runat =serverText =Postonclick =Button1_Click1/> - ％> ;
< / div >
<！ - < div class =assessment>
<免费：评估ID =FreeAssessment1runat =serverTitle =免费评估>< /免费：评估>
< / div> - >
< / asp：内容 >
解决方案
（ document ）。ready（ function （）{
（ function （）{
diag =
I am making a popup using jquery but its not working.My coding is this.....
<%@ Page Title="Immigration VisaWalk" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="Feedback.aspx.cs" Inherits="VisaWalk.Presentation.Feedback" %>
<asp:Content ID="Content1" ContentPlaceHolderID="HomeHeader" runat="server">
<script src="../Scripts/jquery-1.6.2.min.js" type="text/javascript"></script>
<link href="../Scripts/jquery-ui.css" rel="stylesheet" type="text/css" />
<script src="../Scripts/jquery.ui.dialog.js" type="text/javascript"></script>
<link href="../Scripts/jquery.ui.dialog.css" rel="stylesheet" type="text/css" />
<script src="../Scripts/jquery-1.4.1-vsdoc.js" type="text/javascript"></script>
<script src="../Scripts/jquery-1.4.1.js" type="text/javascript"></script>
<script src="../Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
<script src="../Scripts/jquery-1.9.0.js" type="text/javascript"></script>
<script src="../Scripts/jQuery%20UI%201.10.0.js" type="text/javascript"></script>
<script type="text/javascript" language="javascript">
$(document).ready(function () {
$(function () {
$diag = $("#dialog");
var dialogOpts = {
width: 100,
height: 100,
autoOpen: false,
modal: true
};
$diag.dialog(dialogOpts);
$("#Button1").click(function () {
$diag.dialog('open');
return false;
});
// $("#Button1").click(function () {
// $diag.dialog('close');
// return false;
// });
});
});
</script>
<div class="wrapper">
<div id="featured_slide" class="clear">
<div class="overlay_left"></div>
<div id="featured_content">
<div class="featured_box" id="fc1">
<div id="slideshow">
<div><img src="../images/Header/VisaWalk.jpg" class="first" /></div>
<div><img src="../images/Header/VisaWalk1.jpg" /></div>
<div><img src="../images/Header/immigration.jpg" /></div>
<div><img src="../images/Locations/VisaWalk2.jpg"/></div>
</div>
</div>
</div>
<asp:SiteMapDataSource ID="SiteMapDataSource1" runat="server" />
<asp:SiteMapPath ID="SiteMap1" runat="server">
</asp:SiteMapPath>
<div style="float:right" >
<asp:TextBox ID="TextBox1" runat="server" TextMode="MultiLine" style="float:right"></asp:TextBox>
<asp:Button ID="Button1" runat="server" Text="Post" onclick="Button1_Click1" style="float:right"/>
<Free:Assessment id="Assessment1" runat="server" Title="Free Assessment" style="float:right"></Free:Assessment>
<div id="dialog" title="mkl">
<asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>
</div>
</div>
</div>
</div>
</div>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
<div class="welcome">
<h2 class="main_head"> Feedback</h2>
<asp:Literal ID="ltfeedback" runat="server"></asp:Literal>
<%-- <asp:TextBox ID="TextBox1" runat="server" TextMode="MultiLine"></asp:TextBox>
<asp:Button ID="Button1" runat="server" Text="Post" onclick="Button1_Click1"/>--%>
</div>
<!-- <div class="assessment">
<Free:Assessment id="FreeAssessment1" runat="server" Title="Free Assessment"></Free:Assessment>
</div>-->
</asp:Content> 解决方案
(document).ready(function () {
(function () {
diag =
这篇关于使用jquery弹出窗口的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
