jquery - Jquery 更改事件（或 URL 位置）在 iPhone（可能是移动设备）上不起作用

Question

我有一段 jquery 代码，用于获取所选选项的值并更改 url。这适用于我尝试的所有 PC 浏览器，但不适用于 iPhone。我没有可用于故障排除的 mac 或 android，所以我不确定问题有多大。现在，iOS 上的选择更改似乎没有发生任何事情。

HTML

<select class="search-cat" name="search-cat">
  <option value="https://www.google.com/all/" selected>All</option>
  <option value="https://www.google.com/cat-1/">Category 1</option>
  <option value="https://www.google.com/cat-2/">Category 2</option>
</select>

查询

$(function(){
  $('select.search-cat').on('change', function () {
      var url = $(this).val();
      if (url) { 
          window.location = url;
      }
      return false;
  });
});

标签： jqueryiosonchange

Answer 1

也许你可以试试location.href。

$(function(){
  $('select.search-cat').on('change', function () {
      var url = $(this).val();
      if (url) { 
          location.href = url;
      }
      return false;
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select class="search-cat" name="search-cat">
  <option value="https://www.google.com/all/" selected>All</option>
  <option value="https://www.google.com/cat-1/">Category 1</option>
  <option value="https://www.google.com/cat-2/">Category 2</option>
</select>