JQUERY fancybox启动onclick

以下是JS：

$(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部分）？

Adam，我开始使用fancybox时也感到困惑，但我建议您查看文档。当您对某些内容调用实际的fancybox函数时，它只是将页面的该部分设置为在fancybox中弹出。它不会在调用函数时弹出它。基本上，您的代码所做的是设置ID为content_of_fancybox的DOM元素，以便在单击ID为button的DOM元素时在fancybox中弹出。如果你有一个正确格式化的锚定标签，那么你可以点击它，你的内容就会显示在“Fancybox”中

按照此处找到的步骤进行设置并工作

下面是一个JS小提琴，它可以工作：

---

Fancybox在您将Fancybox附加到的对象上单击时工作：

---

如果您想要一个对话框，只需使用：

---

错误是什么？（信息等）@Neal嗯，fancybox根本没有打开。查看我关于对话框的更新box@Nealfancybox当然可以与许多DOM元素一起工作。这只是一种稍微不直观的设置方式。签出否它实际上与div一起工作，但设置起来更复杂。@Neal但我希望fancybox在提交我的表单时充当确认框，因此您使用它的方式对我的用户来说并不方便case@AdamStrudwick，你不能那样做。改用jQuery对话框。一分钟我来拉小提琴谢谢大家，我会用这个对话框，它更直观