是否可以使用语义UI在选择元素中触发弹出窗口

Question

我尝试在按钮中弹出，使用语义 ui 输入，它工作完全正常，但是当我在选择中尝试时它不起作用。 知道为什么吗？

这是我的 Html 代码：

      <div class="field">
        <label>Machine No.</label>
        <select class="ui fluid dropdown" id="machine_no" name="machine_no">
         <option selected value="">Select Machine No.</option>
         <option  value="1">1</option>
         <option  value="2">2</option>
         </select>
      </div>

这是我的JS代码：

   $('#machine_no').popup({
     inline     : true,
     hoverable  : true,
     on         : 'hover',
     position   : 'top center',
     delay: {
     show: 100,
     hide: 300
     },
     title: 'testing'
   });

Answer 1

此问题的解决方案是删除以下代码：

$('.ui.dropdown').dropdown({
on: 'hover'
});

这是 Html 代码：

 <div class="field">
    <label>Machine No.</label>
    <select class="ui fluid dropdown" id="machine_no" name="machine_no">
     <option selected value="">Select Machine No.</option>
     <option  value="1">1</option>
     <option  value="2">2</option>
     </select>
  </div>

这是 JQuery 代码：

$(document).ready({
    $('#machine_no').popup({
    inline     : true,
    hoverable  : true,
    on         : 'hover',
    position   : 'top center',
    delay: {
    show: 100,
    hide: 300
    },
    title: 'testing'
   });
});