Jquery消息在IE8上工作，但在IE9上不工作

Jquery Message working on IE 8 and not working on IE9

本文关键字：工作 但在 IE9 消息 IE8 Jquery      更新时间：2023-09-26

代码隐藏，VB.Net

btnNext.Attributes.Add("onclick", "Confirmation(this,'" +  GetLocalResourceObject("msg").ToString() + "')")

.ASPX页面

    function Confirmation(source, msg) {
    $(source).easyconfirm({ locale: { title: 'Confirm',  text: msg} });
    $(source).click(function() {
        var result = $(source).attr('tag');
        $('#<%=hidField.ClientID%>').val(result);
    });
}

Jquery版本jquery-1.4.4.min.jsjquery-ui-1.8.7.min.js

除此之外，我使用jquery.easy-confirm-dialog来显示此消息框[是/否]。jquery.easy-confirm-dialog：http://www.projectshadowlight.org/jquery-easy-confirm-dialog/

hidField：参考上方的asp页面代码

在IE 8:显示消息框，它会根据我单击的内容将我带到相应的页面。[是/否]hidField用于后面的代码中，以获得是/否响应并显示相应的页面。这在IE8 中非常有效

在IE 9上：消息框不会被显示，它会将我带到一个页面，就好像我单击了"否"一样。hidField值为零表示否。因此，如果没有设置任何值，它会认为我单击了否，并为其执行代码。

我在IE9上调试了它，我发现消息会显示[仅在调试时]，但它不会停止代码的执行，等待用户响应，然后继续。它在显示消息时继续执行[调试模式，所以我可以看到它]。由于hidField的默认值为0，因此重定向到相应的页面。

任何可能发生这种情况的建议/原因。除了我上面提到的以外，还有其他原因吗？任何可能的解决方案

更多信息：我在IE8上运行了Profiler[F12 IE]，消息框一出现就停止了它，它显示调用了event.stopImmediatePropagation。

在IE9上时，event.stopImmediatePropagation不是探查器中的。我进行了调试，在jquery.easy-confirm-dialog.js文件中IE9 event.stopImmediatePropagation不可用，显示为未定义。

我添加了Jquery的更新版本，从1.8.2[之前的1.4.4]开始，但问题仍然是它们。

我不知道你为什么会遇到这个问题，我已经在http://www.projectshadowlight.org/jquery-easy-confirm-dialog/与IE9合作，他们的工作如预期。然而，您对插件的使用有点奇怪，当与jQuery绑定的事件一起使用时，轻松确认对话框会发挥其魔力。不像您的例子中那样直接从点击事件调用。我建议将您的所有逻辑移动到一个jQuery绑定事件中，如下所示（伪代码）

btnNext.Attributes.Add("class", "confirmation");
btnNext.Attributes.Add("title", GetLocalResourceObject("msg").ToString());

把它放在你的头的某个脚本标签中

$(".confirmation").easyconfirm();
$(".confirmation").click(function() {
    var result = $(this).attr('tag');
    $('#<%=hidField.ClientID%>').val(result);
});

或者创建一个显示确认对话框的自定义功能

function Confirmation(source, msg) {
    var dialog = '<div class="dialog confirm">' + msg + '</div>';
    var buttons = {};
    buttons['Yes'] = function() {
        $(this).dialog('close');
        var result = $(source).attr('tag');
        $('#<%=hidField.ClientID%>').val(result);
    };
    buttons['No'] = function() {
        $(this).dialog('close');
    };
    $(dialog).dialog({
        autoOpen: true,
        resizable: false,
        draggable: true,
        closeOnEscape: true,
        width: 'auto',
        buttons: buttons,
        title: 'Are you sure?',
        modal: true,
    });
}
相关文章：