2013-12-18 84 views
0

我有一個表單,當我按下提交按鈕時,會立即調用blockUI jQuery插件,這反過來會導致帶有「加載..」動畫的div在其中播放。在PHP中運行jQuery

問題是這個加載動畫是在按下提交按鈕時觸發的,如果驗證問題與表單有關,如果驗證沒有通過,表單實際上不會提交,但加載div顯示出來無論如何。

所以,我想我只需在表單通過驗證後觸發blockUI。

我使用稱爲Ninja Forms的Wordpress插件來提交和處理表單。忍者形式的文件有這個動作,我認爲我需要使用:http://ninjaforms.com/documentation/developer-api/actions/ninja_forms_process/

我想我可以使用此ACTION運行blockUI只有在驗證通過後。

所以我有下面的代碼。但這似乎並沒有奏效。即使驗證通過,blockUI也不會運行。所以也許我沒有觸發jQuery正確運行?

<?php 

add_action('init', 'ninja_forms_register_example'); 
function ninja_forms_register_example(){ 
add_action('ninja_forms_process', 'ninja_forms_example'); 
} 

function ninja_forms_example(){ 
global $ninja_forms_processing; 

    echo "<script> $(document).ajaxStart(function(){ $.blockUI({ message: $('#rLo') }); });  </script> "; 
} 

?> 
+0

你可以只顯示你的HTML源代碼嗎? –

回答

0

試試這個:

<?php 

add_action('init', 'ninja_forms_register_example'); 
function ninja_forms_register_example(){ 
add_action('ninja_forms_process', 'ninja_forms_example'); 
} 

function ninja_forms_example(){ 
global $ninja_forms_processing; 

    echo '<script> $(document).ajaxStart(function(){ $.blockUI({ message: $(\'#rLo\') }); });  </script> '; 
} 

?> 

您需要使用的,而不是雙引號單引號。

+0

感謝您的回覆,我認爲您在那裏是正確的。看起來這沒有幫助,所以我可能會錯誤地使用此操作。我跟隨插件開發人員看他們說什麼。謝謝你的幫助,雖然很好,先生! – damrakred