javascript - Woocommerce 下拉过滤器在 iOS 上不起作用

Question

我目前正在为一个客户的 woocommerce 网站/网上商店工作，它即将完成。

除了我在我的(标准)woocommerce 分层导航小部件之一中遇到缺陷/错误/名称-它-你想要什么。在任何设备上:pc/android-tablet/android-phone 它都可以工作，但在任何 iOS 设备上(大概)不会触发 onchange 操作。

我已经看到我的产品排序顺序字段包含在一个名为

的表单中

<li class="woocommerce widget_layered_nav">

  <h2 class="widgettitle">  
    --TITLE (sort)--  
  </h2>

  <form class="woocommerce-ordering has-validation-callback" method="get">
    <select name="orderby" class="orderby">
    --Options (sort)--
    </select>
  </form>

</li>

我的其他过滤器没有

<li id="woocommerce_layered_nav-5" class="widget woocommerce widget_layered_nav">

  <h2 class="widgettitle">
    --Title (brands)--  
  </h2>

  <select class="dropdown_layered_nav_merk">
     --Options (brands)--
  </select>

</li>

是否有解决此问题的方法或解决方案？

Answer 1

试试这个。在您的主题 functions.php 文件中输入以下代码:

add_action( 'wp_enqueue_scripts', 'agentwp_dequeue_stylesandscripts', 100 );

function agentwp_dequeue_stylesandscripts() {
if ( class_exists( 'woocommerce' ) ) {
wp_dequeue_style( 'select2' );
wp_deregister_style( 'select2' );

wp_dequeue_script( 'select2');
wp_deregister_script('select2');

}
}

这段简单的代码将禁用增强框并为您提供一个很好的老式下拉菜单。此方法已在 WooCommerce 2.5.5 中测试。