1

私は最初の jQuery プラグインを書いています。機能の一部には、ページ上の各画像の周りに「フレーム div」を動的に生成することが含まれます。フレームは、動的に追加される絶対位置のオーバーレイ画像の相対的な親として機能するため、画像の周りに「ぴったり」収まる必要があります。

これは明らかに目立たないようにしたい。ユーザー自身の CSS に与える副作用を最小限に抑えるにはどうすればよいですか? 避けられない特定の問題状況があると思いますよね？私は元のために考えています。ユーザーCSSが..で画像をターゲットにしている場合

div.gallery > img

..一例として、ボーダー/マージン/などを与える子セレクター。

未知のページで「安全」な方法で要素の親 div を動的に生成することは不可能ですか? ユーザー CSS を壊すリスクは常にありますか?

ドキュメントでいつでも警告を出すことができると思いますが、可能であればばかげたものにしたいと思っています。

JQを使用して、含まれているIMGのCSSを読み取り、プロパティを新しい親divに「上に」転送できることに気づきました。これはクレイジーですか？

4

2 に答える 2

1

セレクター .css、または .height または .width を使用して画像の寸法プロパティを取得し、それに基づいて div を生成できます。例えば、

thisWidth = $('theImage').width();
thisHeight = $('theImage').height();

$('yourFrame').css({'height':thisHeight,'width':thisWidth});

これが何かの助けになることを願っています...

于 2013-02-19T03:29:32.497 に答える
1

理論的には、すべてのスタイルをコピーできます。この回答は、計算されたすべてのスタイルのクロスブラウザーを取得するためのプラグインも示しています。しかし、それはやり過ぎですよね？本当にそれが必要な場合は、オプションとして追加します（デフォルトはfalse、できれば）。次に、Blender がコメントで提案したように、提供するクラスをスタイリングしてユーザーに修正させます。

于 2013-02-19T03:51:29.640 に答える