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'

   });
});

是否可以使用Semantic-UI在select元素中触发弹出窗口

1 个答案: