Question

我编写了一个简单的Greasemonkey脚本来检查网站上路径的内容，并根据结果，希望显示一个漂浮在右下方的按钮。

测试下面的HTML，我设法添加了按钮但是，当我在JQuery中包装它时，它似乎没有任何样式效果：

(function() { 
    var pathname = window.location.pathname;
    $.get('/tap_active?u='+pathname, function(result){       
        if (/1/i.test (result) ) {
            alert ("Found it!");  
            $("body").append ( '<div id="gmSomeID"> <a class="btn-floating btn-large waves-effect waves-light red"><i class="material-icons">add</i></a></div>' );
        }
    });  

    GM_addStyle(
        "#gmSomeID {"+
            "position: absolute;"+
            "bottom:0;"+
            "right:0;"+
        "}" 
    );
})();

这里的GM_addStyle似乎没有任何影响，因为我的追加到达正文的底部而不是像希望的那样漂浮在右下角。

如何覆盖附加项的样式？

Answer 1

为什么不使用$（..）。css（）方法呢？应该是

$("#gmSomeID").css({"position" : "absolute", "bottom":"0",  "right":"0"})

JQuery在追加时忽略样式/位置

1 个答案: