0

サイトのサイドバーにリンクがあるお問い合わせフォームのモーダル ウィンドウがあります。

<a href="/contact-us/"  onClick="openDialog();return false;" style="color:#e40"><strong>Click to contact us</strong></a>

他のすべてのページでは完全に機能しますが、ホームページでは機能しません。クリックしてみてください。モーダル ウィンドウは開きません。

関数 openDialog() は global.js で定義されています。

function openDialog() {
    jQuery("a#inline").trigger('click')
}

どうしてか分かりません。また、JavaScript をデバッグする方法がわかりません。エラーは一切表示されません。これをデバッグするのを手伝ってもらえますか? また、将来自分でデバッグする方法を教えてください。

ありがとう！

4

2 に答える 2

1 
 <a id="contactLink" href="/contact-us/" style="color:#e40" > <strong> Click to contact us </strong> </a>

スクリプト ファイル内: 

 var contactlink = document.getElementById('contactLink')
 contactLink.onclick = openDialog;

マークアップに CSS と Javascript が混在していなければ、デバッグがはるかに簡単になります。(少なくとも本番環境では) すべてを分離することをお勧めします。

FireFox 用の Firebug アドオンを入手してください。これは、JavaScript をデバッグするための優れたツールです。また、ブラウザで F12 キーを押すと、ネイティブ開発ツールが表示されます。

于 2013-01-01T08:11:05.783 に答える
1

「モーダル ダイアログ」のような名前のワードプレス プラグインを使用しているとします。このプラグインはあなたのホームページ以外のページにはうまくインストールされていないようです。すべてのレイアウトのプラグイン設定に、ホームページで使用されているものを含めて確認してください。

于 2013-01-01T07:48:04.967 に答える