ColorBox JQuery Form插件发布到同一ColorBox

时间:2012-01-23 12:07:46

标签: ajax colorbox

我已经尝试了两天让ColorBox将发布的结果返回到同一个打开的框但是它不会这样做。

我正在使用Jquery Form Plugin从ColorBox发布。它似乎适用于IE 8,但不适用于Safari或FireFox。

在IE 8中,它返回帖子页面“action”的结果,并在同一个ColorBox中返回结果,但在FF和Safari中它会关闭框并坐在加载页面上(即process1.php)?

  1. 我有一个页面说“process1.php”,它会加载ColorBox onLoad(这样做没问题)
  2. 为process1.php加载页面ColorBox代码:


    var $j = jQuery.noConflict();
    $j(document).ready(function() {
        $j.fn.colorbox({
            href:"process2.php", 
            escKey: false, 
            overlayClose: false, 
            width: "60%", 
            height: 350, 
            title: "Process Secure Order", 
            open:true
        });
     });
    

      1. 在页面加载后,它将加载“process2.php”,显示一个表单供用户提交数据。

    这是我的JQuery表单插件代码:


    var $j = jQuery.noConflict();
    $j(document).ready(function() {
        var options = { 
            beforeSubmit: showSpinner, 
            success: showResponse,
            //resetForm: true,
            timeout: 3000, 
            target: '#output1'
        };
        function showSpinner() { 
            $j('#sterms, #accept, #decline, #side-cart').hide();
            $j('#working').show().html('Please Wait');
            return true; 
        };
        function showResponse(){
            $j('#working').hide();
            $j('#result').show();
            return true; 
        };
        // bind form using 'ajaxForm' 
        $j('#secure_process01').ajaxForm(options);
    });
    

    它发布正常,然后只是尝试重新加载同一页面而没有加载ColorBox开口。

    让我难以理解为什么它在IE中工作而没有别的,任何帮助都会受到赞赏。

    使用JQuery 1.5.2(JQuery Form Plug In无法处理任何更高版本的权限问题) 参考JQuery表单插件http://jquery.malsup.com/form/#ajaxForm

1 个答案:

答案 0 :(得分:0)

此问题已解决。

事实证明,Jquery Form Plugin不喜欢1.6.1 JQuery版本,因此我使用Jquery Post完成了代码,并且它适用于所有浏览器。

ColorBox插件大饶舌,好极了。