2

すべて、私は自分のWebサイトで次のテーマを使用しています： http：//revaxarts-themes.com/？ t = whitelabel

私のサイトでは同じように機能していないため、問題の原因を特定しようとしています。たとえば、デモの[ブレッドクラム]リンクをクリックして[番号の追加]ブレッドクラムが表示された場合、クリックすると前のクラスに異なるクラスが適用されることがわかります。私のサイトではそれが行われないので、これらの値の1つがクリックされたときに、どのJSファイルが呼び出されているかを把握しようとしています。

もう1つの例は、フォームをクリックしてから[複数選択]に移動した場合です。プラスアイコンをクリックすると、選択範囲に転送されますが、私のサイトでは転送されません。もう一度、それを行うためにどのJSファイルが呼び出されているのかを把握したいと思います。

ファイルを知っていればデバッグに適したFirebugを調べていましたが、どのファイルが呼び出されているかを確認する方法がわかりません。誰かが私を正しい方向に向けたり、これについて何か助けを提供したりできますか？よろしくお願いします！

ありがとう！

4

1 に答える 1

3

まず、この URL http://revaxarts-themes.com/whitelabel/breadcrumb.htmlにアクセスします(iframe 内にあることに気付くのに 1 分かかりました...当たり前です...)

次に、JS コンソールでこれを実行します。

clickEvents = $('ul.breadcrumb[data-allownextonly]').data("events").click;
jQuery.each(clickEvents, function(key, value) {
  console.log(value.handler);
})

clickこれにより、イベントのハンドラーが関数として出力されます。縮小されているため、 jsbeautifier.orgを使用して縮小を解除しました。

function () {
    var a = c.data("wl_Breadcrumb") || a;
    if (a.disabled) return !1;
    var b = $(this);
    if (!a.allownextonly || 1 >= b.data("id") - c.find("a.active").data("id")) {
        $.fn.wl_Breadcrumb.methods.activate.call(c[0], b), a.onChange.call(c[0], b, b.data("id"));
        return !1
    }
}

じゃあここからは自力で…

出典: FireBug (または同様のツール) を使用して Javascript/jQuery イベント バインディングをデバッグする方法

于 2012-05-30T23:13:48.093 に答える