javascript - 动态生成的链接在 IE 10 中不显示

Question

我有一个显示/隐藏面板的点网页。当我设置兼容性 View “在兼容性 View 中显示所有网站”时，最后一个面板动态生成的链接不会显示，但它确实存在。我可以单击它，并且面板被隐藏。

如果我仅选中 IE 兼容性 View 框“在兼容性 View 中显示 Intranet 站点”，则最后一个面板“隐藏详细信息”链接将显示并正常工作。

我只会发布 JavaScript，因为它应该足以解决这个问题。该标记只是对 JS TogglePanel 方法进行内联调用。内联调用是通过每个面板和每个链接的唯一 ClientID 动态生成的

任何关于这里到底发生了什么的线索将不胜感激!!

注意:这个 JS 脚本完美运行。

    function TogglePanel(panel, link) {
        var selectedPanel = $("." + panel);
        var selectedLink = $(link);
        if (selectedPanel.is(":visible")) {
            selectedPanel.hide();
            selectedLink.text('Show Details');
        }
        else {
            selectedPanel.show();
            selectedLink.text('Hide Details');
        }
    }

Answer 1

我猜测您使用的是 jQuery 2.x，它不支持 IE 兼容模式，即使是 IE10。因此，如果您强制页面进入兼容模式，那么它将无法在 IE 10 中使用 jQuery 2.x。如果页面可以处于标准模式而不是兼容模式，那么它将可以使用 jQuery 2.x。

当然，如果您使用 jQuery 1.9，它将适用于任一模式。

另一种可能性是您有某种无效的 HTML，它只会在一种特定模式下导致问题。