0

我正在使用以下代码:

    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>

目前,虽然滑块的行为方式与我希望它的行为方式相同,但它的响应速度不如我希望的那样(如果您一次又一次地将鼠标悬停在它上面,它会停止响应 mouseover 事件)。我不想更改核心插件附带的 javascript,我正在寻找我目前正在使用的替代方案。

4

1 回答 1

0

无需查看实际的插件本身。你可以试试:

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

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

于 2013-07-22T04:38:44.610 回答