JQuery 添加时忽略样式/位置

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 似乎没有任何影响，因为我的追加最终在 body 的底部，而不是像希望的那样浮动在右下角。

如何覆盖附加项的样式？

Answer 1

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

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

JQuery 添加时忽略样式/位置

JQuery Ignoring styling / position when appending

javascript

jquery

greasemonkey