Question

我正在使用以下代码：

    jQuery("ul.nav-200 li").hover(function() {
        jQuery(this).click();
    }).click(function() {

    });

使悬停事件模仿我所获得的滑块中点击事件的行为：

https://www.trimenergy.com.au/

这两个事件需要“绑定”的滑块的html是：

<ul class="nav nav-200 clearfix">
  <li class="active"> 
   <span><h1 class="slidetitle">New LED Downlight</h1><span class="slidedescription">Introducing our new TE101 LED downlight kit</span></span></li><li class=""> 
   <span><h1 class="slidetitle">Sensor Lighting</h1>
   <span class="slidedescription">Sensor &amp; LED lighting for increased efficiency</span></span></li>
 <li class=""> 
  <span><h1 class="slidetitle">Motion Sensors</h1>
  <span class="slidedescription">Motion &amp; presence sensors for all applications</span></span></li>
 <li class="">
  <span><h1 class="slidetitle">$9.95 Flat Rate</h1>
  <span class="slidedescription">We charge a flat $9.95 for shipping Australiawide</span></span></li>
 <li class=""> <span><h1 class="slidetitle">Increase Efficiency</h1><span class="slidedescription">Contact us to find out how you can save on your electricity bills!</span></span>
 </li>
 </ul>

目前，虽然滑块的行为方式与我希望它的行为相同，但它没有我想要的那样响应（如果你将鼠标悬停在它上面的话，它会一次又一次地停止响应鼠标悬停事件）。我不想改变核心插件附带的javascript，并且正在寻找像我现在正在使用的替代方案。

Answer 1

不看实际的插件本身。你可以尝试：

$("ul.nav-200 li").mouseenter(function()
{
$(this).click();
});

或点击两次以查看是否需要

如何以更具响应性的方式将鼠标悬停与click事件绑定？

1 个答案: