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

解决方案 »

  1.   

    facebox的插件右下角好像自带“close”按钮的吧
      

  2.   

    绑定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>
      

  3.   


    这儿的选择器是指内容页中的button ID吗?
      

  4.   

    用facebox插件弹出的窗口,根据你说的,已经能点击弹出窗口中的button能关闭窗口了,但是如果这个button需要跟服务器交互的话,就会跳到这个弹出窗口页面了,有没有解决的办法呢
      

  5.   

    这个button是submit按钮?是需要return false阻止表单提交
    $('#CloseFaceBox').click(function () { $(document).trigger('close.facebox'); return false;});
      

  6.   

    难道FaceBox弹出窗口不能和服务器交互吗?
    我在弹出窗口里放的是服务器的button,就只是个简单的添加功能,想当点击确定并且添加成功后,弹出窗口就自动关闭。
      

  7.   


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