は、私は、次のjQueryコードを持っている:ターゲット動的に追加された要素
$('.class-name').each(function() {
$(this).parent().prepend(this);
});
だから、.class-name
をターゲットとし、ページの読み込みに正常に動作します。
動的に追加された任意の要素をターゲットにして、(ページロード後)のクラス.class-name
でターゲットしたいと考えています。
どうすればいいですか?
は、私は、次のjQueryコードを持っている:ターゲット動的に追加された要素
$('.class-name').each(function() {
$(this).parent().prepend(this);
});
だから、.class-name
をターゲットとし、ページの読み込みに正常に動作します。
動的に追加された任意の要素をターゲットにして、(ページロード後)のクラス.class-name
でターゲットしたいと考えています。
どうすればいいですか?
on
ハンドラを使用して、ページ上に新しく追加された要素を動的にターゲティングします。
$('document').on('event', '.class-name' function() {
$(this).parent().prepend(this);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
OPsコードには正確にどこにイベントハンドラがありますか? –
私はOPが何らかのイベントでコードの折り返しをしなければならないと思います。 – Rikin
、あなたは新しい動的なコンテンツを追加した後、再びそれを呼び出し、関数内でそのコードを入れて - あなたが実際に最初にDOMに追加するものでプリペンドデータが含まれ、より良いまだかplace –
@RoryMcCrossan動的に追加される要素は、サードパーティの関数によって追加され、非常にランダムに発生します。 –
これは実際にあなたの状況に不可欠な情報です。コンテンツが追加されると、第三者の機能によってイベントが公開されますか?もしそうなら、そのイベントの中で 'prepend()'を呼び出すべきです。そうでない場合は、MutationObserversの使用を検討してください。ただし、すべてのブラウザで完全にサポートされているわけではありません。 –