“‘Trigger”点击滚动

Question

我试图模拟点击移动菜单，切换滚动。我试图使用的代码：

<script type="text/javascript">
    $(window).on("scroll", clickMenu);

    function clickMenu() {
        var wScroll = $(window).scrollTop();
        if (wScroll > 1) {
            $(".mobile_nav").trigger("click");
            $(window).off("scroll", clickMenu);
        }
    }
</script>

不是很伤感

Uncaught TypeError: Cannot read properties of undefined (reading 'slice')
    at HTMLDivElement.<anonymous> (scripts.min.js?ver=4.17.4:2:265844)
    at HTMLDivElement.dispatch (jquery.min.js?ver=3.6.0:2:43064)
    at HTMLDivElement.v.handle (jquery.min.js?ver=3.6.0:2:41048)
    at Object.trigger (jquery.min.js:3:5813)
    at HTMLDivElement.<anonymous> (jquery.min.js:3:11480)
    at Function.each (jquery.min.js:2:2880)
    at n.fn.init.each (jquery.min.js:2:847)
    at n.fn.init.trigger (jquery.min.js:3:11456)
    at clickMenu ((index):15:26)
    at dispatch (jquery.min.js:3:6404)

我该怎么做才能模拟点击呢？

谢谢!

Answer 1

您的方法不是问题，可能问题在调用该方法的代码中。请参考您的代码的一个工作示例：

​

 $(window).on("scroll", clickMenu);

    function clickMenu() {
        var wScroll = $(window).scrollTop();
        if (wScroll > 1) {
        $(".mobile_nav").trigger("click");
        $(window).off("scroll", clickMenu);
    }}

$(".mobile_nav").on("click", alert('clicked'))

body{
  height:120vh;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button class="mobile_nav"></button>

​

<button class="mobile_nav"></button>


$(window).on("scroll", clickMenu);

function clickMenu() {
    var wScroll = $(window).scrollTop();
    if (wScroll > 1) {
        $(".mobile_nav").trigger("click");
        $(window).off("scroll", clickMenu);
    }
}

​

$(".mobile_nav").on("click", alert('clicked'))