ui对话框没有在ie8中打开一页

时间:2013-11-20 17:12:08

标签: jquery internet-explorer-8

我正在使用ui对话框jQUERY,但它没有在faq链接中打开。我在任何地方都使用相同的对话框,但它在所有浏览器中都可以工作,但是在ie8和ie9中的一个页面中没有工作。

的jQuery

$( "#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");
    }
});

HTML

<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>

1 个答案:

答案 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拼写正确。

See jsFiddle demo