jQuery settimeout 不适用于匿名函数

Question

我有这个设置来为我的每个 DIV 添加一个 mouseenter 事件：

  $(document).ready(function () {
  $('div[id^=domainEnter]').mouseenter(function () {


                toggleSearchDisplay($(this).attr('domaincount'), 'show');

            });
 });

然后我定义了这个函数：

  function toggleSearchDisplay(num, showhide) {

            if ($('div[id=domainDiv' + num + ']').css('display') == "block" || showhide == "hide") {
                $('div[id=domainDiv' + num + ']').hide('fast');
                $('a[id = domainLink' + num + ']').text('+');
                $('input[id ^= SearchControls_' + num + '__SearchControlVisible]').val('false');
            } else {

                $('div[id=domainDiv' + num + ']').show('fast');
                $('a[id = domainLink' + num + ']').text('-');
                $('input[id ^= SearchControls_' + num + '__SearchControlVisible]').val('true');


            }
        }

这一切都很好，可以满足我的需要，但现在 我正在尝试在第一个块中的 MouseEnter 位上设置超时/延迟... 我试过了，它永远不会执行：

$('div[id^=domainEnter]').mouseenter(setTimeout(function () {

                toggleSearchDisplay($(this).attr('domaincount'), 'show');

            },1000));

然后我尝试了这个，它执行了，但是没有延迟......它运行正常：

 $('div[id^=domainEnter]').mouseenter(function () {

            setTimeout(toggleSearchDisplay($(this).attr('domaincount'), 'show'),1000);

        });

我不知道该怎么办...有什么想法吗？

Answer 1

在您的第一次尝试中，您没有将函数作为参数提供给mouseenter，而是setTimeout 的结果，即计时器。

在第二个中，当执行提供给setTimeout 的回调时，this 是窗口。

这是一种解决方法：

$('div[id^=domainEnter]').mouseenter(function(){
     var $this = $(this);
     setTimeout(function () {
        toggleSearchDisplay($this.attr('domaincount'), 'show');
     },1000)
});