日期:2014-05-16  浏览次数:20467 次

jquery 的facebox 问题
jQuery的facebox插件,可以弹出网页,但是,如果点击弹出页面中的某个按钮,怎么让弹出的网页关闭呢?
jquery

------解决方案--------------------
绑定reveal.facebox事件,然后用给内容中的按钮绑定click事件触发facebox关闭事件即可

<script>
    $(document).bind('reveal.facebox', function () {
//////////////注意修改选择器。
        $('#CloseFaceBox').click(function () { $(document).trigger('close.facebox'); });
    });
    $(function () {
        $('a[rel]').facebox();
    });
</script>
<a href="content.html" rel="facebox">content</a>

------解决方案--------------------
这个button是submit按钮?

是需要return false阻止表单提交
$('#CloseFaceBox').click(function () { $(document).trigger('close.facebox'); return false;});
------解决方案--------------------
难道FaceBox弹出窗口不能和服务器交互吗?
我在弹出窗口里放的是服务器的button,就只是个简单的添加功能,想当点击确定并且添加成功后,弹出窗口就自动关闭。
------解决方案--------------------
引用:
难道FaceBox弹出窗口不能和服务器交互吗?
我在弹出窗口里放的是服务器的button,就只是个简单的添加功能,想当点击确定并且添加成功后,弹出窗口就自动关闭。


不行,和服务器端交互需要viewstate,facebox是纯js,下载的内容没有生成viewstate,提交按钮和服务器交互的事件要自己写。