2010-12-31 1 views
1

Я использую функцию beforeSubmit формы pluggin формы jQuery, чтобы закрыть модальное диалоговое окно, и я хочу, чтобы другой отображал последующие записи с результатом отправки формы, поэтому я добавил еще один модальный в функцию успеха и прохождение через responseText ... но новый модальный диалог никогда не всплывает ... как я могу заставить его всплывать? Я также хотел бы знать, как изменить innerHTML диалогового окна. Я попробовал dialog.data.html (responseText); и некоторые другие вещи, но ничто из этого не сработало.Изменение внутреннего HTML в диалоговом окне SimpleModal?

Вот код для отправки формы:

$('#member_ban_forum').ajaxForm({ 
    data: { member: member }, beforeSubmit: function() { 
     $.modal.close(); 
    }, 

    success: function (responseText) { 
     $().delay(5000, function() { 
      simpleModal(responseText); 
     }); 
    } 
}); 

Вот код для всплывающей функции SimpleModal я сделал:

function simpleModal (html) { 
    $(html).modal({ 
     containerCss:{ 
      height:340, 
      width:450 
     }, 

     onOpen: function (dialog) { 
      dialog.overlay.fadeIn(350, function() { 
       dialog.container.fadeIn(350, function() { 
        dialog.data.slideDown(350); 
       }); 
      }); 
     }, 

     onClose: function (dialog) { 
      dialog.data.slideUp(350, function() { 
       dialog.container.fadeOut(350, function() { 
        dialog.overlay.fadeOut(350, function() { 
         $.modal.close(); 
        }); 
       }); 
      }); 
     } 
    }); 
} 
+0

выделить весь блок кода и нажмите кнопку '{}' в пространство над ней 4 пространств ... которые позволили уценки форматирование кода :) –

+0

Да, извините, первая публикация при переполнении стека. Также первый раз в то время я не смог использовать Google, чтобы найти ответ на проблему :( – Xylogeist

+0

Ур код напугает всех прочь .. – Baz1nga

ответ

0

Я мог бы быть неправильно, но я думаю, что проблема с вашим использование delay().

следующие работы для меня:

$('#member_ban_forum').ajaxForm({ 
    data: { member: member }, 
    beforeSubmit: function() { 
     $.modal.close(); 
    }, 
    success: function (responseText) { 
     setTimeout(function() { 
      simpleModal(responseText); 
     }, 5000); 
    } 
}); 
+0

Да, вот как я в конечном итоге восстановил эту проблему, я также поменял HTMl в div с классом «simplemodal-wrap». Есть ли какой-либо другой способ изменения содержимого в модальном? – Xylogeist