jQuery.click() 不工作 inside.click function

Question

我在一些按钮上有一些 jquery。 运行时，按钮会自动单击（代码的最后一行）并触发“按钮已单击”消息。 当手动按下正确的按钮（类别为“overall_size”的按钮）时，function 运行，触发“按钮已单击”消息，原始按钮上的 css 已更改但不会再次单击。 它与底部显示的代码相同，显然可以正常工作。

按下“正确”按钮应该会导致“按钮已单击”消息触发两次，并且 css 会发生变化。

任何想法可能是什么问题？

<script type="text/javascript">
    
    $('.option_select').click( function(e) {
       
        console.log('button clicked');

        var category = $(this).data('category');

        if(category == 'overall_size') {
           $('.btn-byo-group-active.usb_memory_selector').css('color', 'red'); // WORKS
           $('.btn-byo-group-active.usb_memory_selector').click(); // NOT WORKING
        }

    });
 
    // 1st call (automatic)
    $('.btn-byo-group-active.usb_memory_selector').click();

Answer 1

你不能像你那样打电话给click 。 你需要trigger动作试试看：

$( ".btn-byo-group-active.usb_memory_selector" ).trigger( "click" );

看这个例子

 $('.element').click( function(e) { $(this).html("Clicked"); }); $( ".element" ).trigger( "click" );

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <div class='element'> Hi!! </div>

Answer 2

要触发元素上的事件，您应该使用.trigger()方法。

.trigger( eventType [, extraParameters ] ) Returns: jQuery

描述：针对给定的事件类型，执行附加到匹配元素的所有处理程序和行为。