Question

我的网站上有一个下拉菜单，该菜单不适用于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 -->

Answer 1

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

如何修复下拉菜单在Firefox Quantum中不起作用

1 个答案: