这个问题在这里已有答案:
我需要从javascript函数动态更改css类的left属性。
.mega-dropdown-menu:before {
content: "";
border-bottom: 15px solid #fff;
border-right: 17px solid transparent;
border-left: 17px solid transparent;
position: absolute;
top: -15px;
left: **attr(data-left px)**;
z-index: 10;
}
function DropDownHover() {
try {
$(".dropdown").hover(
function () {
$('.dropdown-menu', this).not('.in .dropdown-menu').stop(true, true).slideDown("400");
$(this).toggleClass('open');
var objChevron = $(this).find(".fa-chevron-down");
if (objChevron.length >0) {
var offset = $(this).find(".fa-chevron-down").offset();
var offsetBefore = offset.left - 273;
$('.mega-dropdown-menu').attr('data-left', offsetBefore);
}
},
function () {
$('.dropdown-menu', this).not('.in .dropdown-menu').stop(true, true).slideUp("400");
$(this).toggleClass('open');
}
);
} catch (err) { alert(err.message); }
}
在执行期间,我获得像素数,并且数据左边被设置为div但是偏移量没有应用于left属性。
我还尝试了attr(数据左数)和attr(数据左),它们都具有相同的结果。
我错过了什么?
Afaik你只能为attr()
属性使用content
语法。
为什么不去
$('.mega-dropdown-menu').css('left', offsetBefore+'px');
?