下面的jQuery代碼有什麼問題？

我無法跟蹤下面的代碼中的錯誤。我試着用螢火蟲，但仍然無法得到錯誤。你能幫我辨認嗎？下面的jQuery代碼有什麼問題？

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

來源

2013-07-29 PHPLover

你爲什麼認爲在代碼中有錯誤？你有沒有檢查過它..如果是的..張貼錯誤消息，你正在越來越 – bipen

請設置一個jsFiddle，有沒有足夠的信息附近。另外，請檢查錯誤控制檯... – BenM

您的代碼沒問題。你有一個ID爲#newsletter_preview的div嗎？（只是調試，我不得不問） – Sergio

什麼等待DOM準備：

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

你的選擇意味着你必須用ID preview_newsletter與ID newsletter_preview一個元素一個元素。所以當然，你需要DOM中的兩個元素。

你不能，如果只是身體的關閉標籤前的腳本標籤設置你的代碼使用現成的處理程序：</body>

來源

2013-07-29 10:50:22

錯誤是你不包括UI script

包括jQuery UI 1.9.2腳本

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

Demo

來源

2013-07-29 10:53:47 Amit

作爲OP似乎是說沒有在控制檯中沒有錯誤，我懷疑這是不被解僱的點擊處理程序 –

爲什麼選擇Downvote？誰能解釋一下。我已經檢查刪除UI腳本錯誤發生 – Amit

我沒有downvote，我認爲你的信息仍然有用，甚至似乎與OP的問題沒有關係 –

我不確定這一點。我想你正試圖打開一個對話窗口，點擊#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() 
    })

來源

2013-07-29 10:57:02

下面的jQuery代碼有什麼問題？

回答

相關問題