javascript - JQuery 附加时忽略样式/位置

Question

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

测试以下 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 似乎没有任何影响，因为我的附加最终位于正文的底部，而不是像希望的那样 float 在右下角。

如何覆盖附加项目的样式？

Answer 1

为什么不使用 $(..).css() 方法呢？应该是

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