在 Wordpress、Woocommerce 添加类别页面中从正常 select 创建 Select2

Question

美好的一天

我可以获得一个选择以动态处理类别，它有效但由于某种原因我无法将其用作 select2。

我正在使用 Wordpress 5.7 和 Woocommerce 5.1.0

请看下面的代码

    <?php
      $args = array( 'order'      => 'ASC',
    'hide_empty' => $hide_empty,
    'include'    => $ids,
    'posts_per_page' =>'-1'
);
$product_categories = get_terms( 'product_cat', $args );
echo '<select class="js-example-basic-multiple" name="crosssell" multiple="multiple">';
foreach( $product_categories as $category ){
    echo "<option value = '" . esc_attr( $category->slug ) . "'>" . esc_html( $category->name ) . "</option>";
}
echo "</select><br/>";
      ?>
<script type="text/javascript">   
// In your Javascript (external .js resource or <script> tag)
$(document).ready(function() {
    $('.js-example-basic-multiple').select2();
});</script>

但我在 google 控制台中收到错误消息

Uncaught TypeError: $ is not a function at edit-tags.php:1178

这是给出错误的行

$(document).ready(function() {

Answer 1

默认情况下，当您在 Wordpress 中使用 jQuery 时，您必须使用“jQuery”，无法识别“$”。

试试这样编辑：

<script type="text/javascript">   
// In your Javascript (external .js resource or <script> tag)
jQuery(document).ready(function() {
    jQuery('.js-example-basic-multiple').select2();
});</script>

在 Wordpress、Woocommerce 添加类别页面中从正常 select 创建 Select2

Create Select2 from normal select in Wordpress, Woocommerce Add Categories Page

wordpress

jquery-select2

woocommerce