Question

我在另一个容器中有一个容器，包裹在一个叠加div中。所有三个容器都有不同的z索引：

#overlay{
    display:none;
    position:fixed;
    _position:absolute;
    height:100%;
    width:100%;
    top:0;
    left:0;
    background:#000;
    z-index:999;
}
#fuori{
    display:none;
    position:absolute;
    width:60%;
    z-index:1000;
}
#form_wrapper{
    position:relative;
    z-index:10001;
}

在链接上单击容器正在淡入，并显示以下代码：

$(function () {
    $('body').on('click', '.animatedForm', function () {
        $('#fuori').fadeIn("slow").center();// .center() = function for centering div
        $("#overlay").css({
            "opacity": "0.7"
        }).fadeIn(500);
        return false;
    });
    $('#overlay,#fuori').on('click', function () {
        $('#fuori,#overlay').fadeOut("slow");

    });
});

问题是：即使我在#form_wrapper里面点击了包含一些动态形式，＃form_wrapper和另一个消失，即使z索引是正确的。

我也试过了

$('#overlay,#fuori').not('#form_wrapper').on('click',function() {

和

$('#overlay,#fuori:not(#form_wrapper)').on('click',function() {

但没有任何效果。

如何以正确的方式编写代码以保持#form_wrapper的存活？

先谢谢你帮助我。

修改

@barbara laird

这只是一种正常形式

<div id="fuori">
<div id="form_wrapper" >

  <!-- form -->

 </div>

 </div>
  <div id="overlay"></div>

Answer 1

为什么不从点击淡出事件中删除#fuori选择器？你的表格仍然与它的大小相同（除非你在别处指定表格宽度）;所以点击表格也可能会触发#fuori事件。

jQuery / css div不会保持可见/总是淡出

1 个答案: