Javascript 如何使用Meteor的语义UI使用下拉行为?
我正在为Meteor使用语义用户界面。假设我有这样一个下拉列表:Javascript 如何使用Meteor的语义UI使用下拉行为?,javascript,meteor,semantic-ui,Javascript,Meteor,Semantic Ui,我正在为Meteor使用语义用户界面。假设我有这样一个下拉列表: <div class="ui floating dropdown labeled search icon button"> <i class="world icon"></i> <span class="text">Select Language</span> <div class="menu"> <div class="item"&
<div class="ui floating dropdown labeled search icon button">
<i class="world icon"></i>
<span class="text">Select Language</span>
<div class="menu">
<div class="item">Arabic</div>
<div class="item">Chinese</div>
<div class="item">Danish</div>
<div class="item">Dutch</div>
</div>
</div>
Template.DropdownTemplate.onRendered(function() {
this.$('.ui.dropdown').dropdown()
})
$('.your.element')
.dropdown('behavior name', argumentOne, argumentTwo)
;
但是我如何达到下拉菜单的行为,根据语义UI站点上的文档,下拉菜单看起来是这样的:
<div class="ui floating dropdown labeled search icon button">
<i class="world icon"></i>
<span class="text">Select Language</span>
<div class="menu">
<div class="item">Arabic</div>
<div class="item">Chinese</div>
<div class="item">Danish</div>
<div class="item">Dutch</div>
</div>
</div>
Template.DropdownTemplate.onRendered(function() {
this.$('.ui.dropdown').dropdown()
})
$('.your.element')
.dropdown('behavior name', argumentOne, argumentTwo)
;
例如,这种clear
行为:
$('.ui.dropdown).dropdown('clear')
出于某种原因,这个简单的行为在Meteor中不起作用(其他任何行为也不起作用)。回调可以工作,但不会影响行为
有人对此有解决办法吗?很遗憾,我无法重现您的问题。请注意,
$('.ui.dropdown.).dropdown('clear')
中存在语法错误,请尝试$('.ui.dropdown').dropdown('clear')代码>取而代之。我还测试了$('.ui.dropdown').dropdown('restoredefaults')代码>和两者都起作用。奇怪。流星板坏了,所以我不能举个例子。这不是因为打字错误,它肯定不起作用。你能在GitHub上共享一个存储库吗?你用了什么软件包?我使用semantic:ui
,自从我安装它以来,它可能已经更新了好几次。不幸的是,它无法更新,因为它会打乱我的整个设计。我使用了semantic:ui
version2.1.8。