Javascript 如何在Jquery中使用fancybox

如果单击某个按钮，我想使用fancybox弹出一条消息。 我希望fancybox消息只包含一些文本， 还有一个“关闭”按钮，如果有，我不介意使用默认按钮

有人能举例说明如何在html页面和js页面中编写它吗

---

任何帮助都将不胜感激

这应该能够帮助您：

需要所有相关文件后，要将其连接到所有linka，请使用以下命令：

$("a").fancybox();

---

假设您的按钮具有按钮id：

$("#yourButton").click(function () {
    var content = $("<div>Hello<br /><br /></div>");
    var button = $("<input type='button' value='Close Me!' />");
    content.append(button);

    $.fancybox({ content: content });
    $(button).click(function () { $.fancybox.close(); });
});

$（“#您的按钮”）。单击（函数（）{
var content=$（“你好

”）；
var按钮=$（“”）；
content.append（按钮）；
$.fancybox（{content:content}）；
$（按钮）。单击（函数（）{$.fancybox.close（）；}）；
});

如果html足够复杂，您可能更喜欢像我在下面所做的那样将其放在一个隐藏的div中。这是一个缩小版的代码，我正在我的网站上运行，以创建一个fancybox对话框。适用于FancyBox 1.3.4版（我还没有升级到2）。就我个人而言，我喜欢默认的关闭按钮（右上角的圆圈X），甚至按下Escape都可以，但我在弹出窗口中添加了一个自定义关闭按钮。它包括关闭FancyBox的javascript

<a id="mylink" href="#mypopup">link style button</a>
<div id="mybutton">button</div>

<div style="display:none">
<div id="mypopup">
<h1>My Title</h1>
<p>My Message</p>
<!--... other complex html can go here ...-->
<input type="button" onclick="$.fancybox.close();" value="Custom Close Button" />
</div>
</div>

<script type="text/javascript">
$('#mylink').fancybox();
$('#mybutton').click(function() {
    $.fancybox({
        'orig' : $(this),
        'href' : '#mypopup'
    })
});
</script>

按钮
我的头衔
我的留言

$（'#mylink'）.fancybox（）；
$（“#mybutton”）。单击（函数（）{
$.fancybox({
‘来源’：$（本），
“href”：“我的弹出窗口”
})
});

它可以工作，但窗口会立即刷新，我无法查看消息，知道吗？