Question

我正在使用jQuery Mobile作为一个简单的移动应用程序，我想为它添加一个CSS。目前我有类以下的CSS。

.home-button-edited {
    border: 1px solid #2373A5;
    margin-top: 1px !important;
    background:#3496da;
}

然后在JS部分我有以下代码段：

var viewport = {
    width: $(window).width(),
    height: $(window).height()
};

document.addEventListener("deviceready", setHomeButton, false);

function setHomeButton() {
    var difference = viewport.width - 85;
    $('.home-button-edited').css("left", "difference !important");
}

关键是，我想在.home-button-edited中添加一个left属性，其中包含我在差异变量中得到的值，它还应该有一个！important属性。有什么想法吗？

Answer 1

 $('.home-button-edited').css("left", difference+"!important");

或

 $('.home-button-edited').style.setProperty( 'left', difference, 'important' );

Answer 2

你的功能出错。

function setHomeButton() {
    var difference = viewport.width - 85;
    $('.home-button-edited').css("left", difference + " !important");
}

Answer 3

您可以在您的情况下使用：

$('.home-button-edited').css('cssText','left: '+difference+'px !important');

如何通过jQuery将CSS添加到类中？

3 个答案: