JQUERY的fancybox推出的onclick

這裏是JS：JQUERY的fancybox推出的onclick

$(document).ready(
    function(){ 
     $('#button').click(function() { 
     $("#content_of_fancybox").fancybox({ 
      'scrolling'  : 'no', 
      'titleShow'  : false 
     }); 
     }); 
    } 
);

和HTML

<input type="button" value=" Open fancybox " id="button"> 

<div id="content_of_fancybox" style="width: 400px; margin: 0; display: none;"> 
Hello pandas! 
</div>

當按鈕用戶點擊，但它不應該的fancybox打開。什麼是錯誤（我想這是在JavaScript部分）？

來源

2011-06-21 Adam Strudwick

什麼是錯誤？（留言等） – Neal

@Neal好吧，fancybox根本不開放。 –

看到我的關於對話框的更新 – Neal

的fancybox作用於對象的點擊，你附加的fancybox到：http://jsfiddle.net/maniator/WbCMV/2/

如果你想要一個對話只是用jQuery dialog：

http://jsfiddle.net/maniator/WbCMV/4/

來源

2011-06-21 18:43:15 Neal

@Neal fancybox當然可以使用很多DOM元素。這只是一個稍微不直觀的方式來建立它。檢查http://fancybox.net/howto出 – MoarCodePlz

不，它實際上可以使用div，但設置起來會更復雜。 –

@MoarCodePlz - 請再看看我的答案... – Neal

亞當，當我開始使用fancybox時，我感到困惑，但我建議你看一下文檔。當你在某些事情上調用實際的fancybox功能時，它只是簡單地將頁面的這一部分設置在fancybox中彈出。它不會在調用該函數時彈出它。基本上你的代碼正在做的是設置ID爲content_of_fancybox的DOM元素，當你點擊帶有id按鈕的DOM元素時，在fancybox中彈出。從那裏，如果你有一個正確的格式的錨標記，那麼你可以點擊它，你的內容將顯示在「Fancybox」。

按照這裏找到的步驟http://fancybox.net/howto讓它安裝並運行！

這裏是有它的工作一個JS提琴：

http://jsfiddle.net/GU7W9/

來源

2011-06-21 18:42:22 MoarCodePlz

JQUERY的fancybox推出的onclick

回答

相關問題