欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

jquery中trigger()無法觸發(fā)hover事件的解決方法

 更新時間:2015年05月07日 09:35:29   投稿:hebedich  
jquery中trigger() 方法觸發(fā)被選元素的指定事件類型了,但有使用過程中會碰到一些問題了,下面我們一起來看看jQuery中trigger()觸發(fā)hover事件疑問,希望對各位有幫助。

今天做一個項目,遇到了一個問題,是以前沒有遇到過的,就此記上一筆。

1、trigger方法解釋

官方是這么解釋的:

復制代碼 代碼如下:

Description: Execute all handlers and behaviors attached to the matched elements for the given event type.

用法:
.trigger( eventType [, extraParameters] )

其中eventType包含javascript內(nèi)置的事件、jQuery增加的事件和自定義事件。例如:

$('#foo').bind('click', function()
{
 alert($(this).text());
});
$('#foo').trigger('click');
$('#foo').bind('custom', function(event, param1, param2)
{
 alert(param1 + "\n" + param2);
});
$('#foo').trigger('custom', ['Custom', 'Event']);

很強大,常常用于頁面初始化的時候使用。

2、trigger遇到hover

var $search=$('#header .search');
$search.find('li').hover(function()
{
 alert(1);
},function()
{
 alert(2);
});
$search.find('li').eq(0).trigger('hover');

無法觸發(fā)hover。但是:

var $search=$('#header .search');
$search.find('li').click(function()
{
 alert(1);
},function()
{
 alert(2);
});
$search.find('li').eq(0).trigger('click');

觸發(fā)click正常!

解決辦法:

var $search=$('#header .search');
$search.find('li').hover(function()
{
 alert(1);
},function()
{
 alert(2);
});
$search.find('li').eq(0).trigger('mouseenter');//hover修改為mouseenter/mouseleave/mouseover/mouseout

同樣的情況存在于jQuery.live(),不過live不推薦在1.7以后版本使用,使用on()代替。

以上所述就是本文的全部內(nèi)容了,希望大家能夠喜歡。

相關文章

  • 基于Jquery的動態(tài)添加控件并取值的實現(xiàn)代碼

    基于Jquery的動態(tài)添加控件并取值的實現(xiàn)代碼

    基于Jquery的動態(tài)添加控件并取值的實現(xiàn)代碼,需要的朋友可以參考下。
    2010-09-09
  • jQuery中DOM操作實例分析

    jQuery中DOM操作實例分析

    這篇文章主要介紹了jQuery中DOM操作方法,實例分析了dom對象的創(chuàng)建、屬性的修改、樣式的修改、動態(tài)綁定事件等技巧,需要的朋友可以參考下
    2015-01-01
  • 基于?jquery-cxselect?實現(xiàn)下拉聯(lián)動效果功能實現(xiàn)

    基于?jquery-cxselect?實現(xiàn)下拉聯(lián)動效果功能實現(xiàn)

    這篇文章主要介紹了基于?jquery-cxselect?實現(xiàn)下拉聯(lián)動效果,下拉聯(lián)動是基于query的一款聯(lián)動下拉菜單插件 jquery-cxselect實現(xiàn),本文通過實例代碼給大家介紹的非常詳細,需要的朋友可以參考下
    2023-02-02
  • jQuery通用的全局遍歷方法$.each()用法實例

    jQuery通用的全局遍歷方法$.each()用法實例

    這篇文章主要介紹了jQuery通用的全局遍歷方法$.each()用法,結合實例形式分析了$.each()方法實現(xiàn)遍歷功能的相關技巧,需要的朋友可以參考下
    2016-07-07
  • jquery購物車結算功能實現(xiàn)方法

    jquery購物車結算功能實現(xiàn)方法

    這篇文章主要為大家詳細介紹了jquery購物車結算功能的實現(xiàn)方法,購買多個商品進行統(tǒng)一結算,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2016-11-11
  • jquery制作彈窗提示窗口代碼分享

    jquery制作彈窗提示窗口代碼分享

    jquery制作的彈窗提示窗口插件,包含多種模式。帶有回執(zhí)函數(shù)值的功能,需要的朋友可以參考下
    2014-03-03
  • JQuery 初體驗(建議學習jquery)

    JQuery 初體驗(建議學習jquery)

    最近從朋友那兒聽說,寫JavaScript,JQuery是個不錯的東東,市場份額達到70%之巨。所以去下載了一份體驗了一下。
    2009-04-04
  • JQUERY 瀏覽器判斷實現(xiàn)函數(shù)

    JQUERY 瀏覽器判斷實現(xiàn)函數(shù)

    JQUERY 瀏覽器判斷實現(xiàn)函數(shù),如果只是為了判斷瀏覽器不建議用,如果你已經(jīng)用了jquery才用啊,要不沒必要因為這個小功能,加個那么大的類庫吧。
    2009-08-08
  • jquery 表單取值常用代碼

    jquery 表單取值常用代碼

    在jquery中經(jīng)常需要獲取form表單的一些值,下面是常用的代碼,需要的朋友可以參考下。
    2009-12-12
  • jQuery Mobile頁面返回不需要重新get

    jQuery Mobile頁面返回不需要重新get

    jQuery Mobile 是用于創(chuàng)建移動 Web 應用的前端開發(fā)框架。這篇文章主要介紹了jQuery Mobile頁面返回不需要重新get 的相關資料,需要的朋友可以參考下
    2016-04-04

最新評論