如何将kartik typeahead放在文本输入上方

时间:2015-10-13 19:24:36

标签: css yii yii2 typeahead.js

如何在文本输入上方放置先行结果?对我来说最好的是为这个小部件添加一个选项,或者可能是一些css规则?

1 个答案:

答案 0 :(得分:0)

此时我终于在{* 1}} typeahead小部件事件中使用了jQuery解决方案,方法是在每次渲染后修改css render。这是代码:

margin-top

echo Typeahead::widget([ //(...) 'pluginEvents' => [ 'typeahead:render' => 'function(event,ui) { var ttMenu = $("#search-main .tt-menu").first(); var ttMenuHeight; if($(ttMenu).hasClass("tt-open")) { ttMenuHeight = -$(ttMenu).height(); $(ttMenu).css("margin-top", ttMenuHeight - 70); } }', ], //(...) ]); 是我对typeahead输入的选择,这个" '#search-main .tt-menu'"是这个输入的高度,所以一定要用你自己的替换它。

希望它有所帮助。