Question

有人可以告诉我为什么单击功能在加载时运行，我是在wordpress上运行的吗？

jQuery(document).ready(function($){
    $('.scroll_Top').click(function(e){
        console.log("Hello");   
    });
});

Answer 1

您最有可能触发该元素上的click事件，或者您可能在某个地方记录了Hello的其他代码，因为编写的函数将在没有{元素被点击。

我将确保您在其他脚本中对该元素没有任何多余的事件/单击处理程序，并确保console.log("Hello")不是来自其他来源（您可能要考虑更改您的“诊断输出”也可以更了解实际情况，例如，考虑将代码更改为console.log( 'Scroll Top was clicked' )，以便排除错误的事件处理程序。

看看这个例子，您将看到两个强制控制台日志都在运行，但是您的Hello直到单击div时才记录下来-这意味着您在其他地方有事。

旁注，您可以考虑使用using .on instead of .click。

jQuery(document).ready(function($){
    console.log( 'jQuery Loaded' );
    $('.scroll_Top').click(function(e){
        console.log("Hello");   
    });
    console.log( 'Functions defined. Shutting down' );
});

.scroll_Top {
  border: 1px solid #0095ee;
  padding: 20px;
}

.scroll_Top:hover {
  cursor: pointer;
  background: #0095ee;
  color:#fff;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.4.0/jquery.min.js"></script>
<div class="scroll_Top">Scroll Top (click me)</div>

点击功能在加载时运行

1 个答案: