Плагин ColorBox JQuery Form публиковать в том же ColorBox - PullRequest
Новая
       20

Плагин ColorBox JQuery Form публиковать в том же ColorBox

0 голосов
/ 23 января 2012

В течение двух дней я пытался заставить ColorBox вернуть результаты публикации обратно в одно и то же открытое окно, но он просто не будет этого делать.

Я использую плагин Jquery Form для публикации из ColorBox.Кажется, что он работает в IE 8, но не в Safari или FireFox.

В IE 8 он возвращает результат из поста "action" и возвращает результат в том же ColorBox, но в FF и Safari он закрываетокно и сидит на странице загрузки (то есть process1.php)?

  1. У меня есть страница с именем «process1.php», которая загружает ColorBox onLoad (это не проблема)

Загрузить код ColorBox страницы для process1.php: 

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 не работает с чем-либо более высоким, имеет разрешениеионные вопросы) Справочник по плагину JQuery Form http://jquery.malsup.com/form/#ajaxForm

1 Ответ

0 голосов
/ 24 января 2012

Эта проблема была решена.

Оказалось, что плагину Jquery Form не понравилась версия JQuery 1.6.1, поэтому я сделал код, используя Jquery Post, и он работал во всех браузерах.

Плагин ColorBox большой рэп, отличный и легкий.

...