javascript - jquery::为什么悬停会立即触发？

Question

为什么页面一加载就触发悬停事件？

function showSelector(position) {
  alert(position);
}
	
function hideSelector() {
}

$("#1").hover(showSelector(17), hideSelector);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a href="" id="1">sup</a>

Answer 1

因为您正在调用函数而不是引用它。

$("#1").hover(showSelector(17), hideSelector);
//                        ^^^^

使用 showSelector(17) 作为 hover 函数的回调将首先调用该函数，然后将其返回值分配给悬停回调。为了解决这个问题，可以使用匿名函数作为回调，然后带参数调用其中的函数。

function showSelector(position) {
  alert(position);
}

function hideSelector() {}

$("#1").hover(function() {
  // Use anonymous function
  // Call the function with parameter here
  showSelector(17);
}, hideSelector);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a href="" id="1">sup</a>