簡體   English   中英

如何以更快速的方式將mouseover與click事件綁定?

[英]How to bind mouseover with click event in a more responsive way?

我正在使用以下代碼:

    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,並正在尋找一種替代方法,例如我目前正在使用的方法。

不用看實際的插件本身。 您可以嘗試:

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

或單擊兩次以查看是否需要

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM