复制元素伪:使用jQuery悬停样式

时间:2012-11-15 22:58:59

标签: javascript jquery css hover pseudo-class

我正在使用Twitter Bootstrap和uploadify库。

我有按钮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()}
);

但由于这是在一般设置中使用,其中所有站点都使用bootstrap,但它们的样式不同(我无法修改核心引导程序文件)我不能简单地应用另一个类,它与悬停伪类。

那么,jQuery中有没有办法复制元素“悬停样式”?

1 个答案:

答案 0 :(得分:0)

jQuery中有没有办法复制元素“悬停样式”?

不容易。您可以收听jQuery.hover()并使用jQuery.css()获取自定义CSS,迭代document.styleSheets中的样式,或者您可以尝试使用jss这样的库:

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

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