1

現在、WooCommerce/WordPress サイトに取り組んでおり、チェックアウト ページでフォームを送信すると、Ajax を介して送信され、エラー (必須フィールドが入力されていないなど) がある場合、ページに html が挿入され、何がリストされますかフィールドに入力する必要があります。

この新しく挿入された html をページの新しい場所に配置する jQuery がありますが、機能しません。

送信時に挿入される WooCommerce コード (エラーの場合): 

<ul class="woocommerce-error">
    <li><strong>First Name</strong> is a required field.</li>
</ul>

私のコード: 

var wc_errors = jQuery('ul.woocommerce-error');
jQuery('.errors_placeholder').append(wc_errors);

私の JavaScript ファイルが WooCommerce JavaScript ファイルの前に読み込まれることに注意してください。

4

1 に答える 1

0

次のことを試してください。

$(document).ready(function() {
    var wc_errors = $('ul.woocommerce-error');
    $('.errors_placeholder').appendTo(wc_errors);    
});

$(document).ready 関数で、DOM の準備ができていることを jQuery に伝えるために必要です。

私の例をチェックしてください

于 2013-05-18T14:22:08.633 に答える