Question

当我隐藏然后在字段集中显示元素时，图例不会停留在原位。这适用于Chome / FF，但不适用于IE 11。

HTML：

<fieldset>
<legend>Test</legend>
<div class='hider'>Hide this</div>
<div>Lots and lots and lots and lots and lots and lots 
     and lots and lots and lots and lots and lots and 
     lots and lots and lots and lots and lots and lots 
     and lots of content.</div>
</fieldset>

JS：

function myShow(me)
{
    $(me).unbind();
    $(me).parent().children(':not(.hider)').show();
    $(me).click(function () {
        myHide(me);
    });
}

function myHide(me)
{
    $(me).unbind();
    $(me).parent().children(':not(.hider)').hide();
    $(me).click(function () {
        myShow(me);
    });
}

$(function () {
    $('.hider').click(function () {
        myHide(this);
    });
});

JSFiddle显示它发生在IE 11上。 http://jsfiddle.net/etb21zrr/

如果您不隐藏图例，它可以正常工作，如下所示：

http://jsfiddle.net/xy9ofu77/

虽然这可能对我的迫切需求有用，但我仍然希望保持这个问题的开放性，看看是否有正确隐藏的方式并在IE 11中显示图例以防其他人需要知道（或者如果客户最终不喜欢将标题更改为“已删除”。）

如何在IE 11的字段集中保持图例稳定？

0 个答案: