2012-11-15 37 views
1

我正在使用Twitter Bootstrap和uploadify庫。複製元素pseudo:使用jQuery懸停樣式

我已經使用了按鈕uploadify將創建使用buttonClass: 'btn btn-primary'風格,我調整對象(其本身並不考慮填充等):

var uploader = $('#document_upload_'+variant_id); 
var button = $('.uploadify-button', uploader); 
var swfobject = $('object', uploader); 

swfobject.css({ 
    height: button.outerHeight(), 
    width: button.outerWidth() 
}); 

,所有的偉大工程,唯一的問題是,我們失去了按鈕上的懸停樣式。) 因此,當對象懸停時,我們需要使用它的懸停樣式來設置樣式。

我知道下面將無法正常工作:

swfobject.hover(
    function(){button.mouseover();}, 
    function(){button.mouseleave()} 
); 

但因爲這是一個普通的設置,所有的網站都在使用引導被使用,但他們的風格不同(我不能修改核心引導文件)我不能簡單地應用另一個類,它與hover僞類相同。

那麼,有沒有辦法在jQuery中複製元素「懸停樣式」?

+0

大概不會因爲工作是css懸停樣式,但僅供參考,是'mouseover'和'mouseleave',小寫。 – elclanrs

+0

Oop的固定! – Hailwood

+0

你有可能分享一個實際的例子嗎? – 3dgoo

回答

0

有沒有在jQuery中複製元素「懸停樣式」的方法?

不容易。你可以聽jQuery.hover()和使用jQuery.css()獲得自定義CSS,在document.styleSheets遍歷風格或者你可以嘗試像jss庫:

jss('.button:hover').get()['color'] 

JSS的jsfiddle:http://jsfiddle.net/7kEJ9/2/

+0

正如我在我的問題中所說的,我實際上並不知道懸停風格是什麼,所以我不能僅僅創建另一個類,我所知道的是每個使用此類的站點都有一個自定義的twitter引導版本! – Hailwood

+0

我更新了我的答案。 – Kurt