JQuery 和 Typescript click() 不起作用

JQuery and Typescript click() doesn't work

本文关键字:不起作用 click Typescript JQuery      更新时间:2023-09-26

好的,所以我在打字稿文件中有两个JQuery函数:

            $(window).scroll(function () {
            if ($(this).scrollTop() > 100) {
                $('.scrollToTop').fadeIn();
            } else {
                $('.scrollToTop').fadeOut();
            }
            console.log('Scroll');
        });
        //Click event to scroll to top
        $('#scrollToTopButton').on('click', function () {
            console.log("Click");
        })

窗口滚动功能完美运行。但是我没有让点击事件正常工作。我试过$('#scrollToTopButton').click(function(){ ...等等,似乎不起作用。这是 html:

 <button type="button" class="btn scrollToTop" id="scrollToTopButton">

等等,似乎不起作用。

它应该有效。调试的一些提示

  • 添加console.log($('#scrollToTopButton'))
  • 检查您是否关闭了button标记。
  • 使用 html 验证器来确保 html 有效。