Question

$(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>`

知道为什么吗？我对mousedown和click函数表示肯定，但是我需要它们来制作我所做的并且没有找到另一种方法来组合它们。

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

Answer 1

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

感谢大家的意见。

jQuery不会在第一次点击时触发，但会在第二次点击时触发

1 个答案: