I'；我试图在不刷新的情况下将数据从变量拉入jquery对话框
我对这一点太陌生了，甚至不确定我是否在描述我在这里想要实现的目标，但事情就这样开始了 我在变量中设置了一个表，我希望它显示在Jquery对话框中，但我只能在刷新时显示。单击按钮打开对话框后，是否有方法加载它 我被卡住了，它快把我逼疯了 谢谢你的反馈 这是基本代码I'；我试图在不刷新的情况下将数据从变量拉入jquery对话框,jquery,dialog,Jquery,Dialog,我对这一点太陌生了，甚至不确定我是否在描述我在这里想要实现的目标，但事情就这样开始了 我在变量中设置了一个表，我希望它显示在Jquery对话框中，但我只能在刷新时显示。单击按钮打开对话框后，是否有方法加载它 我被卡住了，它快把我逼疯了 谢谢你的反馈 这是基本代码 $( function() { $( "#dialog" ).dialog({ autoOpen: false, }); $( "#opener" ).on( "click", function() { $(
$( function() {
$( "#dialog" ).dialog({
autoOpen: false,
});
$( "#opener" ).on( "click", function() {
$( "#dialog" ).dialog( "open" );
});
} );
<div id="dialog" title="Basic dialog">
<p>#myVariable</p>
</div>
<button id="opener">Open Dialog</button>
$（函数（）{
$（“#对话框”）。对话框({
自动打开：错误，
});
$（“#开启器”）。在（“单击”，函数（）上）{
$（“对话框”）。对话框（“打开”）；
});
} );
#myVariable
打开对话框
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Fli</title>
<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<link rel="stylesheet" href="https://resources/demos/style.css">
<link rel="stylesheet" href="https://cdn.datatables.net/1.10.13/css/jquery.dataTables.min.css">
<style>
.ui-widget-overlay {
background: rgba(0,0,0,0.9);
}
.ui-button {
background-color:#1C2733;
height:60px;
width:200px;
color:white;
border-color:#1C2733;
border-radius:0px;
}
.ui-button:active {
background-color:#0E1F21;
color:white;
}
.ui-button:hover {
background-color:#0E1F21;
border-color:#1C2733;
color:white;
}
.ui-button:link {
background-color:#0E1F21;
color:white;
}
label {
font-size:13px;
}
.button-SD {
background-color: #FF3F00;
border: none;
color: white;
padding: 10px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
cursor: pointer;
width:100%;
border-radius: 4px;
}
.button-SD:hover {
background-color: #FB7005;
color: white;
}
#sd-search-form {
padding: 0 15px;
margin-left: -18px;
}
input[type=text], select {
width: 100%;
padding-left: 15px;
margin: 8px 0;
display: inline-block;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
height:30px;
font-size:12px;
}
input[type=submit] {
width: 100%;
background-color: #4CAF50;
color: white;
padding: 14px 20px;
margin: 8px 0;
border: none;
border-radius: 4px;
cursor: pointer;
}input[type=checkbox] {
font-size: 13px;
}
input[type=radio] {
font-size:13px;
}
input[type=submit]:hover {
background-color: #45a049;
}
option {
font-size: 13px;
}
input {
font-size: 13px;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
font-size: 13px;
}
::-moz-placeholder { /* Firefox 19+ */
font-size: 13px;
}
:-ms-input-placeholder { /* IE 10+ */
font-size: 13px;
}
:-moz-placeholder { /* Firefox 18- */
font-size: 13px;
}
.ui-dialog {
position: absolute;
height: auto;
top: 62px;
left: 0px;
display: block;
width: 287px;
}
#sdopener {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAABZUlEQVQ4jb3TQU7CQBQA0H8Ej+ARuAA34AT2Em5IXDUGCKZthITQCSlmphAaKm1aaAJRNMWFG9gYNtUS2CgutLCBtRkXpAkabYsl/uSvJv/lz/w/ADsEK6qMgNtYwG18ippHu9R+ibykVZBuTweTBR0vKR0vKR1MFhTp9jQvaZWdMJ5Yfdv1Vj70PW3XW/HE6kfuLAjbRiN1emHdP4VhfiLdngVirKgy228WloPJgrKiyvwKcsSUo2J+csSU/w/c+5X3PhQAgFxVwzePbx8R1mYdujbHRXJQUrqj8mWfBqG2661DFzvNSwkeG05v6NCS0h3lqhpGuj374evNQjvbxnhsOCdn5NA/Y0WV4Ygpc8SUQwcAAJBBzWSh1nnxsTQvJUKLgrBi3XrvDR16XuvMY2OodT3vDR1aqFteBjWTf8ay5UbKx1Dr6jUWtulOEYy7B1o1bp9jYwCbfcsgRciWG6nYGAB8As5qVlsy+41jAAAAAElFTkSuQmCC") 50px center no-repeat;
height:60px;
}
#sdopener:hover {
background-color:#0E1F21;
border-color:#1C2733;
color:white;
}
.ui-dialog .ui-resizable-se {
width: 14px;
height: 14px;
right: 3px;
bottom: 3px;
background-position: -80px -224px;
}
</style>
</head>
<body>
<!-- Navigation Buttons Start -->
<div id="menu" style="background-color:#1C2733; width:100%; height:60px; margin-top: -8px; margin-left: -8px; padding-right:16px">
<input name="SDSearchDialogOpener" type="button" class="ui-button ui-widget ui-corner-all" id="sdopener" style="margin-left:-18px" value=" SD Search">
<!-- SD Search Start -->
<div id="sddialog" title="SD Search">
<label for="sdkeyword">Seed Keyword(s):</label>
<input type="text" id="TextBoxKW" placeholder="ie. iphone case" variable="#TextBoxKW">
<br>
<div class="ratings">
<label for="rating">Rating:</label><br>
<input type="radio" id="TwoThumbs" name="Rating" fillwith="checked" variable="#TwoThumbs" />
<span style="font-size: 13px"> 2+ Rating</span><br>
<input type="radio" id="OneThumbs" name="Rating" fillwith="checked" variable="#OneThumbs" />
<span style="font-size: 13px"> 1+ Rating</span><br>
<input type="radio" id="ZeroThumbs" name="Rating" fillwith="checked" variable="#ZeroThumbs" />
<span style="font-size: 13px"> 0 Rating</span><br>
<input type="radio" id="AllThumbs" name="Rating" fillwith="checked" variable="#AllThumbs" />
<span style="font-size: 13px"> All Ratings</span>
</div>
<br>
<label for="price">Price:</label><br>
<input type="text" id="PriceLow" style="width:101px" placeholder="$ min" variable="#PriceLow"> -
<input type="text" id="PriceHigh" style="width:101px" placeholder="$ max" variable="#PriceHigh">
<br>
<select id="DropDownDate" variable="#DropDownDate" style="font-size: 13px">
<option value="Any Time"><span style="font-size: 13px">Any Time</span></option>
<option value="Past Week"><span style="font-size: 13px">Past Week</span></option>
<option value="Past 2 Weeks"><span style="font-size: 13px">Past 2 Weeks</span></option>
</select>
<br>
<input class="button-SD" type="button" value="Search" id="sdopener2" onclick="ubot.runScript('ProductSearch()')" />
</div>
<br>
<br>
<br>
<br>
<br>
<!-- <input class="button ButtonResults ButtonResultsinput" type="button" value="Return to results" id="ButtonResults" style="width:240px; visibility:hidden; height:20px" onclick="ubot.runScript('Back to Search Results()')" /> -->
<div id="sddialog2" title="Search Progress">
<input class="button-SD" type="button" value="View Search Results" id="sdopener3" style="width:300px;" />
</div>
<div id="sddialog3" title="Search Results">
<div>HERE'S WHERE THE TABLE CHART VARIABLE WILL GO</div>
</div>
<!-- SD Search End -->
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://cdn.datatables.net/1.10.13/js/jquery.dataTables.min.js"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.9.2/jquery-ui.min.js"></script>
<script>
$(document).ready(function() {
$('#example').DataTable();
} );
$("#sdopener").click(function () {
$("#sddialog").dialog("open");
});
$("#sddialog").dialog({
autoOpen: false,
modal: false,
position: [0,61],
width: 289,
height: 642,
open: function (event, ui) {
$(".ui-dialog #sdopener2").click(function () {
$("#sddialog2").dialog("open");
});
}
});
$("#sddialog2").dialog({
autoOpen: false,
modal: true,
width: 335,
height: 250,
open: function (event, ui) {
$(".ui-dialog #sdopener3").click(function () {
$("#sddialog3").dialog("open");
});
}
});
$("#sddialog3").dialog({
autoOpen: false,
modal: false,
position: [298,61],
width: '900',
height: 642,
resizable: true,
handles: "all",
autoHide:true
});
</script>
<body>
</body>
</html>
飞行情报
.ui小部件覆盖{
背景：rgba（0,0,0,0.9）；
}
.ui按钮{
背景色：#1C2733；
高度：60px；
宽度：200px；
颜色：白色；
边框颜色：#1C2733；
边界半径：0px；
}
.ui按钮：活动{
背景色：#0E1F21；
颜色：白色；
}
.ui按钮：悬停{
背景色：#0E1F21；
边框颜色：#1C2733；
颜色：白色；
}
.ui按钮：链接{
背景色：#0E1F21；
颜色：白色；
}
标签{
字体大小：13px；
}
.按钮SD{
背景色：#FF3F00；
边界：无；
颜色：白色；
填充：10px 32px；
文本对齐：居中；
文字装饰：无；
显示：内联块；
字体大小：16px；
利润：4倍2倍；
光标：指针；
宽度：100%；
边界半径：4px；
}
.按钮SD：悬停{
背景色：#FB7005；
颜色：白色；
}
#sd搜索表格{
填充：0 15px；
左边距：-18px；
}
输入[类型=文本]，选择{
宽度：100%；
左侧填充：15px；
利润率：8px0；
显示：内联块；
边框：1px实心#ccc；
边界半径：4px；
框大小：边框框；
高度：30px；
字体大小：12px；
}
输入[类型=提交]{
宽度：100%；
背景色：#4CAF50；
颜色：白色；
填充：14px 20px；
利润率：8px0；
边界：无；
边界半径：4px；
光标：指针；
}输入[类型=复选框]{
字体大小：13px；
}
输入[类型=收音机]{
字体大小：13px；
}
输入[类型=提交]：悬停{
背景色：#45a049；
}
选择权{
字体大小：13px；
}
输入{
字体大小：13px；
}
：-webkit输入占位符{/*Chrome/Opera/Safari*/
字体大小：13px；
}
：-moz占位符{/*Firefox19+*/
字体大小：13px；
}
：-ms输入占位符{/*IE 10+*/
字体大小：13px；
}
：-moz占位符{/*Firefox 18-*/
字体大小：13px；
}
.ui对话框{
位置：绝对位置；
高度：自动；
顶部：62px；
左：0px；
显示：块；
宽度：287px；
}
#开瓶器{
背景：url("数据：图片/png；base64，IVBorW0KggoaaaAnsuhueugaabqaaaucayaaacnir0Naaabzuleqvq4jb3tqu7cqbqa0h8ej+Aruaa34a2ixDugckztqslumpakm1ajrnmwfg9gyntusvjv/lz/w/ADsEK6qMgNtYwG18ippHu9R+Ibykvzbwkvzbutwetbr0vkr1fhtp9jqvazw5yxw5yf1f1f1jjkv3xw/He70Uladjjjv1f1f1f1fg2g2vqqw2v2w2v8w2vqw2v3w2v3w3w3w3w3w2v3w3w3w2v3w3w2v3w3w3w2Dujbhrxjqqqjj8mwbqg2661dfzvnswkeg05v6ncs0h3lqhpguj374evnqvbxnhoscdn5na/y0wv4ygpc8suqwcaajbbzwsh1nnxstqvjuklgrbi3xrvdr16xuvmy2oodt3vdr1aqftebj8ay5ubkx1dr6juwtuley7b1op9jywcbfccrc6nygab8as5qvlsy+41jaaaelftksuqmcc）50px中心不重复；
高度：60px；
}
#sdopener:悬停{
背景色：#0E1F21；
边框颜色：#1C2733；
颜色：白色；
}
.ui对话框.ui可调整大小se{
宽度：14px；
高度：14px；
右：3px；
底部：3px；
背景位置：-80px-224px；
}
种子关键字：
评级：
2+评级
1+评级
0评级
所有评级
价格：
-
随时
上周
过去两周
下面是TABLE CHART变量的位置
$（文档）.ready（函数（）{
$（“#示例”）.DataTable（）；
} );
$（“#sdopener”）。单击（函数（）{
$（#sddialog”）.dialog（“打开”）；
});
$（“#sddialog”）。对话框({
自动打开：错误，
莫代尔：错，
位置：[0,61]，
宽度：289，
身高：642，
打开：功能（事件、用户界面）{
$（“.ui对话框#sdopener2”）。单击（函数（）{
$（“sddialog2”）.dialog（“打开”）；
});
}
});
$（“#sddialog2”）。对话框({
自动打开：错误，
莫代尔：是的，
宽度：335，
身高：250，
打开：功能（事件、用户界面）{
$（“.ui对话框#sdopener3”）。单击（函数（）{
$（“#sddialog3”）。对话框（“打开”）；
});
}
});
$（“#sddialog3”）。对话框({
自动打开：错误，
莫代尔：错，
职位：[298,61]，
宽度：“900”，
身高：642，
可调整大小：正确，
句柄：“全部”，
自动隐藏：真
});
$( function() {
$( "#dialog" ).dialog({
autoOpen: false,
});
$( "#opener" ).on( "click", function() {
$( "#dialog" ).dialog( "open" );
$("#content").html($("#tables").html());
});
} );
<div id="dialog" title="Basic dialog">
<p id="content">#myVariable</p>
</div>
<button id="opener">Open Dialog</button>
<div style="display: none;" id="tables">
Write here to show in modal...
</div>
$（函数（）{
$（“#对话框”）。对话框({
自动打开：错误，
});
$（“#开启器”）。在（“单击”，函数（）上）{
$（“对话框”）。对话框（“打开”）；
$（“#content”）.html（$（“#tables”）.html（））；
});
} );
#myVariable
打开对话框
写在这里显示在模态。。。