jquery - 以下の jQuery コードの何が問題になっていますか?

Question

次のコードでエラーを追跡できません。私はfirebugで試しましたが、それでもバグを取得できませんでした。それを特定するのを手伝ってもらえますか？

$("#preview_newsletter").click(function() {
      $( "#newsletter_preview" ).dialog({
      height: 140,
      modal: true
      });
    });

Answer 1

DOMの準備が整うのを待つのはどうですか:

$(function () {
    $("#preview_newsletter").click(function () {
        $("#newsletter_preview").dialog({
            height: 140,
            modal: true
        });
    });
});

セレクターは、ID が preview_newsletter の要素が 1 つと、ID がnewsletter_preview の要素が 1 つあることを意味します。したがって、DOM には両方の要素が必要です。

body の終了タグの直前の script タグにコードを設定すると、ready ハンドラーを使用できませんでした。</body>

Answer 2

これについてはよくわかりません。#preview_newsletter をクリックしてダイアログ ウィンドウを開こうとしていると思います。

ドキュメントの準備ができたら、ダイアログを定義する必要があります。次に、クリックイベントで開きます。定義中は開かないでください。

    var dialog  = "";
    $(document).ready(function() {

        dialog = $( "#newsletter_preview" ).dialog({
            height: 140,
            modal: true,
            // code for preventing open it
        });
    });

    $("#preview_newsletter").click(function() {
        dialog.open()
    })