Question

我有一个aspx页面，其中包含一个用JQueryUI定义的对话框

$('#dialog').dialog({
    modal: true,
    autoOpen: false,
    minWidth: 500,
    title: 'my dialog',
    buttons: { Finished: function() { $(this).dialog("close"); }
    }
});

在页面中，我有一个按钮，可以打开对话框

<button class="button" id="dialogLoader">Open</button>

用于打开对话框的JavaScript是

$('#dialogLoader').live('click', function(event) {
    event.preventDefault();
    $('#dialog').dialog("open");
    loadDialogContent();
});

在Chrome Firefox等中一切都很好但是IE9没有加载对话框，即使在调试所有代码时似乎执行正常。

任何想法

更新

还有这个问题我已经更新了上面的代码，表明我现在正在使用preventDefault（）;我认为这是问题的原因（如果问题确实是事件冒泡）。但是我仍然没有解决这个问题，如果这是普通的HTML它可以工作，但我担心ASP的参与导致渲染中的一些不规则，不幸的是没有返回错误。

更新

这个按钮在JQueryUI选项卡中的事实是否导致了IE9中的问题？

Answer 1

当你写的调试信息很干净时，这只是一个想法。我希望这有点帮助。 Explorer的attachEvent。

var button = document.getElementById('dialogLoader');
if (button.addEventListener) {
    button.addEventListener('click', function() {
        //action
    }, true);
} else if (button.attachEvent) {
    button.attachEvent('click', function() {
        //action
    }, true);
}

JQueryUI Dialog IE9无法打开

1 个答案: