NotAgain

NotAgain

75飞吻 2018-12-14 加入 来自杭州

(这个人懒得留下签名)

NotAgain 最近的回答

  • 2019-3-14 18:28:23弹出层存在多个单选按钮的时候,不论点击哪个输入框或者单选框,都会出现一个遮罩层中回答:

    .....我找到原因了,我按钮和弹窗的名字重复了。。
  • 2019-3-14 18:22:39弹出层存在多个单选按钮的时候,不论点击哪个输入框或者单选框,都会出现一个遮罩层中回答:

    各位大佬们,我貌似知道了原因,我是这么想的
     $(".ShelfAll").click(function () {
    debugger
    var index_1 = layer.open({
    title: '上架设置'
    ,btn:['确定']
    ,type : 1
    ,area: ['560px', '470px']
    ,content: $("#ShelfAll_wrapper")
    ,btnAlign: 'c' //按钮居中
    ,success: function(layero, index){

    }
    ,yes: function(index, layero){

    layer.close(index);
    }
    });
    })
    这部分是我的js代码

    <!--商品库上架弹窗-->
    <div class="ShelfAll" id="ShelfAll_wrapper" style="display: none;">
    <p class="ShelfAll_title">填写信息</p>

    <form class="layui-form" action="">
    <div class="layui-form-item">
    <label class="layui-form-label">单品价格</label>
    <div class="layui-input-block">
    <input type="text" name="Single" required lay-verify="required" placeholder="填写单品价格" autocomplete="off" class="layui-input">
    </div>
    </div>
    <div class="layui-form-item">
    <label class="layui-form-label">套餐一价格</label>
    <div class="layui-input-block">
    <input type="text" name="Package1" required lay-verify="required" placeholder="填写套餐价格" autocomplete="off" class="layui-input">
    </div>
    </div>
    <div class="layui-form-item">
    <label class="layui-form-label">套餐二价格</label>
    <div class="layui-input-block">
    <input type="text" name="Package2" required lay-verify="required" placeholder="填写套餐价格" autocomplete="off" class="layui-input">
    </div>
    </div>


    <div class="layui-form-item">
    <label class="layui-form-label">分配至</label>
    <div class="layui-input-block">
    <span>普通售卖</span>
    <input type="radio" name="pt" value="是" title="是">
    <input type="radio" name="pt" value="否" title="否" checked>
    </div>
    <div class="layui-input-block">
    <span>火爆热销</span>
    <input type="radio" name="hb" value="是" title="是">
    <input type="radio" name="hb" value="否" title="否" checked>
    </div>
    <div class="layui-input-block">
    <span>限时特惠</span>
    <input type="radio" name="xs" value="是" title="是">
    <input type="radio" name="xs" value="否" title="否" checked>
    <input type="text" placeholder="填写特惠价格">
    </div>
    </div>
    <div class="layui-form-item">
    <label class="layui-form-label">是否上架</label>
    <div class="layui-input-block">
    <span>上架</span>
    <input type="radio" name="sj" value="是" title="是">
    <input type="radio" name="sj" value="否" title="否" checked>
    </div>

    </div>

    </form>
    </div>
    这部分是我的html代码,我打了断点之后发现,每次我在弹窗内部点击输入框或者单选框的时候,都会进入断点,那是不是说明我对输入框和单选框的点击事件向上冒泡到了最外层的盒子上,我该怎么去掉事件冒泡,难道要在弹窗内部每个元素都加上阻止冒泡的事件么?