jquery ui 使用 class 时微调器不工作

Question

使用 jquery-ui 微调器时出现问题。

使用ID时正常。但是为了在 foreach 语句中使用，我必须使用 class.

但是，当使用 class 时它不起作用。你知道问题出在哪里吗？

我的jqueryui版本：

1.12.1/jquery-ui.js

jQuery(document).ready(function(){
   jQuery( "#spinner" or ".spinner" ).spinner();
});

“#spinner”仅有效。 “.spinner”不起作用。不知道有什么区别

dev toos 中有一个微调器。然而，none Spinner 的文本输入表单，向上或向下按钮工作。而且控制台也没有报错

============================================= ===

function get_group_setting() {
  $get_section = get_post_meta( get_the_ID(), 'group_setting');
  if ( $get_section ) {
    echo '<form class="form_group">
        <ul>';
    foreach ($get_section as $field) {
      $values = explode( ' | ', $field );
      echo  '<li><input type="radio" value="' . $values[2] .' " name="select_group" />' . $values[0] . ', ' . $values[1] . ', ' . $values[2] . ' <input class="spinner" name="value_1"></li>';
}
echo    '
        </ul>
    </form>';
}

}

为每个语句添加我的。谢谢。

Answer 1

你需要使用下面的代码来实现运行:

对于 id 和 class：

jQuery(document).ready(function(){
   jQuery( "#spinner, .spinner" ).spinner();
});

对于 id :

jQuery(document).ready(function(){
   jQuery( "#spinner" ).spinner();
});

对于Class：

jQuery(document).ready(function(){
   jQuery( ".spinner" ).spinner();
});

Answer 2

好的，我已经解决了。我的问题是 class 名称重复。我不希望任何人做这种愚蠢的事情。我感谢那些试图帮助我的人。

jquery ui 使用 class 时微调器不工作

jquery ui spinner not work When using class

wordpress

jquery

jquery-ui

spinner

woocommerce