Question

我想使用小巧的JS方法聚焦输入并切换搜索字段。

这是我正在使用的元素： https://getuikit.com/docs/search#toggle

这是我到目前为止所做的Codepen示例： https://codepen.io/anon/pen/bQGVdw

那会发生什么：搜索输入不可见，因为它不是“切换”的：

 <div class="uk-navbar-right">
    <div>
        <a class="uk-navbar-toggle" uk-search-icon href="#"></a>
        <div class="uk-drop" uk-drop="mode: click; pos: left-center; offset: 0">
            <form class="uk-search uk-search-navbar uk-width-1-1">
                <input id="searchbar" class="uk-search-input" type="search" placeholder="Search..." autofocus>
            </form>
        </div>
    </div>

我的问题：如何聚焦并切换它，使其可见？

Answer 1

我认为仅关注搜索输入是不够的。尝试在环绕搜索输入的df4.melt().rename(columns={'variable':'Dept', 'value':'Rating'} ).query('Dept!="ID"' ).groupby(['Dept','Rating']).size( ).rename('Count' ).groupby(level=0).apply(lambda x: x/sum(x) ).unstack().plot(kind='bar', stacked=True)元素上调用click事件。

示例：https://codepen.io/anon/pen/MzQmJJ

单击以致电Uikit.toggle

1 个答案: