jquery - CSS !important - 背景の役割を設定する

Question

Jquery を使用してクラスを div に追加する際に問題が発生しています。最初は背景が空白ですが、クラス "snapToGrid" id を追加すると、クラスが id #container に割り当てられますが、何らかの奇妙な理由でクラスが追加されません他のすべてのものをオーバーライドしないでください。

期待される結果を改善するためにここでできる最適化はありますか?

Jクエリ:

$("#addSnapToGrid").on('click', function () {
        $("#fb-iframe").addClass('snapToGrid'); 
        });

CSS

  .snapToGrid {
background: url(../assets/img/grid20.gif) repeat !important;
}