框架 7 on click 事件在 <div class="toolbar-inner"> </div> 工作，但不在外部答案

【问题标题】：framework 7 on click event work at <div class=“toolbar-inner”> </div> but not outside框架 7 on click 事件在 <div class="toolbar-inner"> </div> 工作，但不在外部
【发布时间】：2017-09-11 22:26:01
【问题描述】：

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 事件侦听器。我得到了同样的结果。请帮帮我

【问题讨论】：

标签： javascript jquery html html-framework-7

【解决方案1】：

toolbar-bottom classtoolbar-inner 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。

【讨论】：