jquery - 插入新元素后如何操作 DOM？

Question

我目前在 WooCommerce/WordPress 网站上工作，在结帐页面上，当我提交表单时，它通过 Ajax 提交，如果有错误（未填写必填字段等），页面会插入一些 html 并列出什么字段需要填写。

我有一些 jQuery 将页面中新插入的 html 放置到页面上的新位置，但它不起作用。

提交时插入的 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 文件之前加载的，这可能也很有用。

score 0 · Accepted Answer

尝试以下操作：

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

你需要在 $(document).ready 函数中告诉 jQuery DOM 准备好了。

看看我的例子

1 回答 1