jquery - 下面的 jQuery 代码有什么问题？

Question

我无法在以下代码中跟踪错误。我尝试使用萤火虫，但仍然无法得到错误。你能帮我识别它吗？

$("#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 的元素和一个 ID 为 newsletter_preview 的元素。因此，可以肯定的是，您的 DOM 中需要这两个元素。

如果将代码设置在正文结束标记之前的脚本标记中，则无法使用就绪处理程序：</body>

Answer 2

错误是你不包括UI script

包含jQuery UI 1.9.2脚本

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

演示

Answer 3

我不确定这一点。我认为您正试图在单击#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()
    })