我正在使用ui对话框jQUERY,但它没有在faq链接中打开。我在任何地方都使用相同的对话框,但它在所有浏览器中都可以工作,但是在ie8和ie9中的一个页面中没有工作。
$( "#dialog" ).dialog
({
resizable: false,
height:128,
modal: true,
position:['center',150],
open: function(event, ui)
{
$('#dialog').load
(
rootPath+'illinoi_plan_prices/faq_pop_up/'+zipcode+"",
function ()
{
setTimeout(function() { $("#dialog").dialog("open"); },100);
}
);
},
close: function()
{
allFields.val("").removeClass("ui-state-error");
}
});
<div id="dialog" title="Please Select Commodity" style="display: none;"></div>
<link rel="stylesheet" type="text/css" href="/illinois/css/jquery-ui-1.8.20.custom.css" />
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.js" type="text/javascript" charset="utf-8"></script>
答案 0 :(得分:0)
我已经重新设计了你的jQuery。这样做是尝试在创建和打开对话框之前使用html加载div。如果返回的状态是错误,它将打开对话框并显示错误消息,告诉您无法加载的原因。否则,您的内容应该符合预期。
var $dialog = $("#dialog"),
rootPath = "http://somesite.com/", // for demo purposes
zipcode = "12345"; // for demo purposes
$dialog.load
(
rootPath + "illinoi_plan_prices/faq_pop_up/" + zipcode,
function(response, status, xhr)
{
if (status == "error")
{
$dialog.append
(
"<div style=\"color: red;\">" +
"<p style=\"font-weight: bold;\">" +
"<strong>Could not load page:</strong>" +
"</p>" +
"<p>" + xhr.status + " " + xhr.statusText + "</p>" +
"</div>"
);
}
$dialog.dialog
({
close: function () { allFields.val("").removeClass("ui-state-error"); },
height: 200,
modal: true,
position:['center','center'],
resizable: false,
width: 400
});
}
);
我已将illinoi_plan_prices
保留在您的网址中,即使illinois
拼写正确。