使用jQuery驗證插件submitHandler發射fancybox窗口

我正在使用jQuery驗證& Fancybox在一個網站上加載窗體提交模式Fancybox窗口（通過驗證驗證後），以確認訂單正在處理，但遇到一個奇怪的問題，我無法解決。該<一>標籤是相同的頁面形式如下：使用jQuery驗證插件submitHandler發射fancybox窗口

<a href="<?=ssl_url()?>basket/processing" class="processing" id="submit_holder">PROCESSING</a>

在JS文件我有一個的fancybox以下配置：

$(".processing").fancybox({ 
    'padding'  : 0, 
    'width' : 400, 
    'height' : 400, 
    'modal'   : true, 
    'overlayColor' : '#fff', 
    'overlayOpacity': 0.8, 
    'autoScale'  : true, 
    'type' : 'iframe', 
    'transitionIn' : 'fade', 
    'transitionOut' : 'fade', 
    'titlePosition' : 'inside' 
});

現在，直接單擊該鏈接工作正常 - 按預期加載。當試圖通過Validate的submitHandler啓動時：

 submitHandler: function(form) { 
      $('#submit_holder').click(); 
      form.submit(); 
     }

Fancybox本身加載但完全空白。我無法查看任何源我也不能在新窗口中打開的框架，它幾乎彷彿<一個的href屬性>沒有被通過的fancybox的IFRAME SRC獲得標籤。

任何人都可以幫忙嗎？這使我完全瘋狂。

謝謝，馬特

來源

2010-07-16 Matt

你試過$('#submit_holder').trigger('click');而不是$('#submit_holder').click();，也嘗試在其他瀏覽器，看看它的一個瀏覽器的問題。

來源

2010-07-16 11:54:08 RobertPitt

羅伯特·您好，感謝您的及時答覆。是的，我已經試過.trigger（）和跨瀏覽器（應該已經注意到這個原本） - 奇怪的是，該盒子本身的配置加載它只是不加載源（幀內容）。 – Matt 2010-07-16 12:06:09

在您的瀏覽器，同時用表單的頁面上，輸入到URL地址如下'的javascript：$（「＃submit_holder」）點擊（）;' - 這會告訴我，如果。點擊（）失敗或'SubmitHander' – RobertPitt 2010-07-16 12:39:15

那確實正確地啓動框 - 有趣的，任何其他的想法？ – Matt 2010-07-16 13:21:20

使用jQuery驗證插件submitHandler發射fancybox窗口

回答

相關問題