时间戳

首页 > 解决方案 > 如何修复下拉菜单在 Firefox 量子中不起作用

javascript - 如何修复下拉菜单在 Firefox 量子中不起作用

问题描述

我的网站上有一个下拉菜单，它不适用于 Firefox Quantum，但在使用 Safari 或 Chrome 时有效。这是该页面的链接，它是“为您的打印选择尺寸”不起作用：https ://www.alaincombemorel.com/prints-for-sale/tre-cime-di-lavaredo-2/ 它与我这边的一些编码错误有关，还是Firefox中的一些设置阻止菜单工作？

我试图在 Firefox 参数（弹出窗口、cookie 等）中将网站列入白名单，以防占上风

jQuery(document).ready(function() {
  jQuery("select").change(function() {
    var selected = jQuery(this).find('option:selected');
    jQuery('#foo').html(selected.data('foo'));
  }).change();
  jQuery("select").change(function() {
    if (jQuery(this).val() == '1') {
      jQuery('#small').show();
      jQuery('#medium').hide();
      jQuery('#large').hide();
    } else if (jQuery(this).val() == '2') {
      jQuery('#small').hide();
      jQuery('#medium').show();
      jQuery('#large').hide();
    } else if (jQuery(this).val() == '3') {
      jQuery('#small').hide();
      jQuery('#medium').hide();
      jQuery('#large').show();
    } else {
      jQuery('#small').hide();
      jQuery('#medium').hide();
      jQuery('#large').hide();
    }
  });
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
Here is the code I am using:

<div class="print-order">
  <table class="print-select">
    <tr>
        <td>
        <h6>Select a size for your print:</h6>
        </td>
        <td>
        <select id="select">
          <option value="0" data-foo="">Select:</option>
                    <option value="1" data-foo=" price: 100€ ">24x30cm</option>
                  <option value="2" data-foo=" price: 150€ ">30x40cm</option>
                  <option value="3" data-foo=" price: 200€ ">40x50cm</option>
      </select>
      </td>
    </tr>
  </table>
</div>
<!-- print order -->

标签： javascriptjquerydrop-down-menufirefox-quantum

解决方案

好的，所以我找到了罪魁祸首：它是我拥有的一个插件（Wp-Copyright pro），它阻止了下拉菜单。我禁用了插件，现在一切正常。问候阿兰

推荐阅读