Javascript jQuery没有'；第一次单击时不会启动，但第二次单击时会启动 $（文档）.ready（函数（）{ $（'#li'）。在（'click'，'div'，函数（event）上{ event.stopPropagation（）； $（event.target）.addClass（'--active'）； 人才点数=$（'.--活动'）。长度； _this.setState（{points:patients_points}）； 此.手点数混合（天赋点数）； }); $（'.no right click'）.bind（'contextmenu'，函数（事件）{ event.stopPropagation（）； $（event.target）.removeClass（'--active'）； 人才点数=$（'.--活动'）。长度； _this.setState（{points:patients_points}）； //此.手点数混合（天赋点数）； 返回false； }); }); `

知道为什么吗？我敢肯定，这是在mousedown和click功能，但我需要它们都为我做什么，并没有找到另一种方式来结合这些

---

编辑：添加了上下文的HTML示例

我能够解决这个问题，我没有在react组件的componentDidMount生命周期中正确设置函数

---

谢谢大家的意见。

当你注释掉

stopPropagation

时，它还会发生吗？很不幸，它仍然会发生。你的html在哪里？@Strychnine-hm好的，奇怪的是，巧合的是，我有一个类似的问题。在（'mouseeneter'）上，它会在第二次悬停时触发。。尚未找到修复程序-但如果我找到了，会让您知道是否有帮助：）元素上是否有更多事件？使用（如果您使用chrome）FWIW检查所有事件，混合使用jQuery事件处理和React只会导致混乱和心痛。

$(document).ready(function() {
    $('#talents li').on('click',  'div', function(event) {
        event.stopPropagation();

        $(event.target).addClass('--active');
        talents_points = $('.--active').length;
        _this.setState({ points: talents_points });
        this.handlePointsMaxed(talents_points);
    });
    $('.no-right-click').bind('contextmenu', function(event) {
        event.stopPropagation();

        $(event.target).removeClass('--active');
        talents_points = $('.--active').length;
        _this.setState({ points: talents_points });
        // this.handlePointsMaxed(talents_points);

        return false;
    });
});

<ul id="talents">
    <li onClick={this.handlePointsClicks}>
        <div id="talent-stacks" className="talent-image__stacks"></div>
    </li>
</ul>`