为什么我需要单击两次以启动此jQuery事件？

Question

I have this:

$(".slideDownArrow").click(function(){
    currentBlockIndex++; 
    $('.secondLevel li').eq(currentBlockIndex).trigger('click');
});

and when I click on the slideDownArrow it works for me and many other people, but not for everyone - my client has to click twice to trigger the secondLevel li click event. What could be the cause of it and how could I fix this?

The secondLevel li click function:

$('.secondLevel li, .exteriorBox li').bind('click', function(){

    var el = $(this),
    elIndex = el.index();
    $('html, body').animate({
        scrollTop: hArray[elIndex]
    }, 1000);
});

Answer 1

Go straight to the HtmlElement click method instead:

$('.secondLevel li')[currentBlockIndex].click();

Rather than use get() , [] returns the HTML element. click is the native click event generator.

As the event is in response to a user click, you can ignore any comments about security reason. I have tried this on all browsers and no problems.