Question

这是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部分）？

Answer 1

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

按照此处http://fancybox.net/howto中的步骤进行设置并正常工作！

这是一个让它起作用的JS小提琴：

http://jsfiddle.net/GU7W9/

Answer 2

Fancybox可以点击您将fancybox附加到的对象：http://jsfiddle.net/maniator/WbCMV/2/

如果您想要对话，请使用jQuery dialog：

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

JQUERY fancybox发布onclick

2 个答案: