0

ウェブサイトの開発中:

html/body を閉じる前に、.js ファイルへの呼び出しを含めて、Javascript/jquery (例: $('#foo a').addClass('bar'); など) を介して DOM 操作を行います。いつもの）。

ブラウザでファイルを開き、F12 キーを押してコードを検査し、開発中ですが、コンソールで HTML を直接操作して「これとあれ」を試します。もちろん、jquery は、新しく操作された要素に対しては機能しません。Chrome (または Firebug) インスペクタにその .js ファイルを再実行して、HTML ドキュメントの変更された要素でどのように機能するかを確認する方法はありますか?

前もって感謝します...

4

1 に答える 1

0

Firebug と Chrome DevTools の両方に、コマンド ラインを含むコンソールパネルがあります。このコマンド ラインを使用すると、これらの新しく追加された要素に対して同じ JavaScript を実行できます。

別のアプローチは、HTML 構造が別の回答で説明されているように変更されたときに、要素の自動イベント バインドにjQuery の.on() メソッドを使用することです。これは、たとえば次のようになります。

$(document.body).on('change', '#foo a', function() {
    $(this).addClass('bar');
});
于 2014-07-01T12:57:26.027 に答える