自定义 jQuery“弹出”不在 IE8 中显示

Question

（网站即将公开，请尽快提供帮助！）

所以我创建了一个弹出窗口（不是真正的模态，而只是一个隐藏的 div，它使用 jQuery 显示并在关闭时再次隐藏）。它在最新版本的 Safari、Firefox 和 Chrome 以及 IE9 中正确显示。但在 IE8 中，好像 div 甚至都不存在。

这是 jQuery：

    permalinkBehavior: function(){
$('a[name=permalink]').click(function(event) {
    $('.permalink_overlay').hide();
    $(this).next('.permalink_overlay').show();
    $(this).parent().find('input[type=text]').focus();
    $(this).parent().find('input[type=text]').select();
    return false;
    });
    $(".permalink-cancel").click(function() {
        $(this).parent('.permalink_overlay').hide();
        $(this).parent().find('input[type=text]').blur();
        });
    },

.permalink_overlay 类是一个带有 css display:none; 的 div （该脚本负责在单击链接时显示和隐藏 div）并相对定位到包含

位于标签内。我们正在使用通常的 IE hack，包括 HTML5Shiv、Selectivizr 和条件启动。还要确保父元素 hasLayout 和包含元素具有 position:relative。

需要解决这个问题，以便我们可以公开。任何建议或已知的解决方法将不胜感激。

Answer 1

试试这个

<script type="text/javascript" language="javascript">
    $(function() {
        $('a[name=permalink]').click(function(event) {
            $('.permalink_overlay').hide();
            $(this).next('.permalink_overlay').show();
            $(this).parent().find('input[type=text]').focus();
            $(this).parent().find('input[type=text]').select();
            return false;
        });
        $(".permalink-cancel").click(function() {
            $(this).parent('.permalink_overlay').hide();
            $(this).parent().find('input[type=text]').blur();
        });

    });
</script>

<style type="text/css">
    .permalink_overlay
    {
        display: none;
    }
</style>

---

<div>
    <a href="#" name="permalink">overlay</a>
    <div class="permalink_overlay">
        <input type="text" value="name" /><a href="#" class="permalink-cancel">Cancel</a>
    </div>
</div>