Question

我根据不同的.on（'click'）条件有两个.toggle事件。一个工作，另一个没有，我不知道是什么原因造成的？我在我的网络应用程序中发布了其他类似的点击功能，除了这个功能外，它们都有用。

//
// WORKS
// 
$('#roster01, #roster02, #roster03').on('click', '.hero', function (e) {
    $(this).find('.hero-select').toggle();
});

//
// DOESN'T WORK ?
// 
$('#roster01, #roster02, #roster03').on('click', '.trinket', function (e) {
    $(this).find('.trinket-select').toggle();
    console.log('test');
});

为了澄清，我的HTML类确实是.trinket和.trinket-select。有点奇怪的是，如果我要注释掉工作函数并更改.trinket-select with .hero-select in not work function，它将不会切换英雄 - 选择BUT，控制台正确记录。此外，由于其他原因，我同时将类和ID命名为相同，而不是此示例的一部分。

这是HTML结构，您可以看到。

<div id="roster01">
    <div class="hero">
        <div class="hero-select" id="hero-select"></div>
    </div>
    <div class="trinket">
        <div class="trinket-select" id="trinket-select"></div>
    </div>
</div>
<div id="roster02">
    <div class="hero">
        <div class="hero-select" id="hero-select"></div>
    </div>
    <div class="trinket">
        <div class="trinket-select" id="trinket-select"></div>
    </div>
</div>
<div id="roster03">
    <div class="hero">
        <div class="hero-select" id="hero-select"></div>
    </div>
    <div class="trinket">
        <div class="trinket-select" id="trinket-select"></div>
    </div>
</div>
<div id="roster04">
    <div class="hero">
        <div class="hero-select" id="hero-select"></div>
    </div>
    <div class="trinket">
        <div class="trinket-select" id="trinket-select"></div>
    </div>
</div>

一个.toggle有效，另一个没有，除了id / classes之外它们是相同的吗？

0 个答案: