on("click", event) 在不点击的情况下触发 [重复]

Question

关于这个主题有类似的问题，但他们的答案对我的问题不起作用。

我正在尝试使用 jQuery 的 on("click") 来触发一个函数，该函数只是更改被点击的 id 的类。但是该函数在页面加载时被调用，然后如果你点击什么应该触发它不会触发的函数。

这里是html：

<nav>
    <ul>
        <li id="all" class="tab-current"><a><span>All Departments</span></a></li>
    </ul>
</nav>

这里是js：

var $all = $("#all");
$all.on("click", function(){
    tabClicked("all");
});

我也试过这个：

$all.on("click", tabClicked("all"));

这是函数：

function tabClicked(input){
    //do some stuff here
}

有什么想法吗？提前致谢！ :)

Answer 1

您的点击处理程序逻辑中有错误；您只需将匿名函数传递给处理程序：

$all.on("click", function(){
    tabClicked("all");
});

您原来的$(function() {}); 等同于$(document).ready()，因此无论元素是否被点击，它都会立即执行。

Answer 2

var $all = $("#all");

$all.on("click", function(){
    tabClicked("all");
});

尝试像这样编辑它。 $(function() {}); 就像$(document).ready()，所以用function(){} 代替$(function() {});。

编辑：

由于某种原因，如果script 标签位于 html 中的元素之后，则会触发。我用外部 JS 等尝试了你的代码 - 没有用。

试试这样：JSFiddle

编辑 2：您应该将处理程序放在 $(document).ready() 函数中您想要的任何位置，这就是原因。

$( document ).ready(function() {
 var $all = $("#all");
 $all.on("click", function(){
    alert("click");
 });
});

Answer 3

把$(function()替换成函数()