当我将behavior ='autocomplete'添加到我的输入字段时,宽度正在改变,并且在浏览器/屏幕调整大小时不再缩放。
有easyAutocomplete经验的人有同样的问题吗?
非常感谢。
此代码没有数据行为是IS RESPONSIVE
<form>
<input class="form-control" type="text" placeholder="search">
</form>
这个带有data-behavior =“autocomplete”的代码是无效的
<form>
<input class="form-control" type="text" placeholder="search" data-behavior="autocomplete">
</form>
http://easyautocomplete.com - jQuery自动完成插件
答案 0 :(得分:6)
您可以使用如下所示的easy-autocomplete,无需放置数据行为。 此外,您还需要覆盖easy-autocomplete库所应用的CSS。
var options = {
data: ["blue", "green", "pink", "red", "yellow"]
};
$("#example").easyAutocomplete(options);
.easy-autocomplete{
width:100% !important
}
.easy-autocomplete input{
width: 100%;
}
.form-wrapper{
width: 500px;
}
<link href="https://unpkg.com/easy-autocomplete@1.3.5/dist/easy-autocomplete.min.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://unpkg.com/easy-autocomplete@1.3.5/dist/jquery.easy-autocomplete.js"></script>
<form class="form-wrapper">
<input id="example" class="form-control" type="text" placeholder="search">
</form>
答案 1 :(得分:1)
使用jQuery easyautocomplete插件,您只需要将optionWidthWidth设置为false,就无需触摸CSS。
location /static {
root /opt/services/django;
}