0

jqueryを使用して、ベンダープレフィックスを持つクラスにスタイルを追加できる小さなトリックを見つけました。

 var myTransform = ($.browser.webkit)  ? '-webkit-transform' :
                       ($.browser.mozilla) ? '-moz-transform' : 
                       ($.browser.msie)    ? '-ms-transform' :
                       ($.browser.opera)   ? '-o-transform' : 'transform';

var myCSSObj = {};

    myCSSObj[myTransform] = 'translate('+centrepos+'px, 0px)';
        $("div.current").css(myCSSObj);

これがどのように機能するのか完全にはわかりませんので、誰かが説明できれば本当に感謝しています。

しかし、私の質問は、このメソッドを適用して、jqueryフラグメントのインラインスタイルに追加することです。現在、私は次のものを持っていますが、それは手動で書かれています：

$fragment = $('<div class="preload" style="position: relative; -webkit-transform: translate('+start+'px, 0px);"/>');

このコンテナをDOMに追加するときに、初期位置を指定したいと思います。各ブラウザのプレフィックスを手動で追加せずにコードを追加するにはどうすればよいですか？

4

3 に答える 3

1

私がそれを正しく理解していれば、ベンダー固有のプレフィックスを css プロパティに追加するプロセスを自動化する必要があります。

これを可能にするjqueryコアに含まれるAPIがあります。jQuery.cssフック

ドキュメントには、border-radius.

于 2012-06-17T16:26:26.420 に答える
0

ここでこのjsfiddleを参照してください：

http://jsfiddle.net/molokoloco/f6Z3D/

于 2012-06-17T16:27:28.980 に答える
0

lea verou のプレフィックスなしをチェックアウトできます: http://leaverou.github.com/prefixfree/

-prefix-free を使用すると、どこでもプレフィックスのない CSS プロパティのみを使用できます。必要な場合にのみ、現在のブラウザーのプレフィックスを CSS コードに追加して、舞台裏で動作します。

于 2012-06-17T16:35:28.617 に答える