单击事件的框架7在<div class =“”toolbar-inner“”> </div>工作但不在外面

Question

html代码

    <div class="toolbar toolbar-bottom" id="">
<div class="myProgress2" id="myProgress2" style="background-color: grey; width:100px;margin-left: 10px">
    <div id="myBar2" class="myBar2" style="width: 3%;height: 10px;background-color:white;"></div>
</div>
<div class="toolbar-inner">
    <div class="myProgress2" id="myProgress2" style="background-color: grey; width:100px;margin-left: 10px">
        <div id="myBar2" class="myBar2" style="width: 3%;height: 10px;background-color:white;"></div>
    </div>
</div>

查看上面的代码以及图像。使用相同的代码，但在最顶层的div onclick不工作和下面的div onclick工作

js（框架7）代码

$$('.myProgress2').on('click', function (e) {
    myApp.alert('tab');
});

我也尝试使用jquery函数普通的js事件监听器。我得到了同样的结果。请帮帮我

Answer 1

必须遵循工具栏底部类工具栏 - 内部div。就像下面给出的一样。

<div class="toolbar toolbar-bottom tabbar-scrollable bottom-nav" style="background: #a3194c;box-shadow:none;">
    <div class="toolbar-inner">
        <div class="myProgress2" id="myProgress2" style="background-color: grey; width:100px;margin-left: 10px">
            <div id="myBar2" class="myBar2" style="width: 3%;height: 10px;background-color:white;"></div>
        </div>

        <div class="myProgress2" id="myProgress2" style="background-color: grey; width:100px;margin-left: 10px">
            <div id="myBar2" class="myBar2" style="width: 3%;height: 10px;background-color:white;"></div>
        </div>
    </div>
</div>

您编写div的方式将被视为不可用于DOM的伪元素。