Javascript 如何禁用引导';什么样的数据源?
只读时如何禁用bootstap typahead数据源Javascript 如何禁用引导';什么样的数据源?,javascript,jquery,twitter-bootstrap,Javascript,Jquery,Twitter Bootstrap,只读时如何禁用bootstap typahead数据源 <input type="text" data-provide="typeahead" data-source="["Option 1","Option 2","Option 3"]" id="test1" name="test1"> <a href="#" class="btn" id="readonly">Readonly</a> 如果您想要输入元素readolny。然后添加禁用的类 $('#rea
<input type="text" data-provide="typeahead" data-source="["Option 1","Option 2","Option 3"]" id="test1" name="test1">
<a href="#" class="btn" id="readonly">Readonly</a>
如果您想要输入元素readolny。然后添加禁用的类
$('#readonly').on('click', function (e) {
$("#test1").prop('readonly', true).addClass("disabled");
})
如果您不关心在禁用输入时维护typeahead.js功能,您可以像这样销毁typeahead:
$('#textbox').typeahead('destroy');
这将重置/删除typeahead.js可能添加的任何属性/样式。如果以后您想添加回typeahead.js功能,可以使用以下方法重新初始化它:
$('#textbox').typeahead({ /* configs */ });
谢谢你们的建议和回答,我找到了解决办法
$('#readonly').on('click', function (e) {
$("#test1").prop('readonly', true);
var typeahead = $("#test1").data('typeahead'); //Get Typehead Object
if (typeahead) typeahead.source = '';
else $("#test1").typeahead({source: ''});
})
//只读时为假
var list = ["Option 1","Option 2","Option 3"];
var typeahead = $("#test1").data('typeahead'); //Get Typehead Object
if (typeahead) typeahead.source = list;
else $("#test1").typeahead({source: list});
要么销毁它,要么将minLength设置为一个非常高的数字。当我使用销毁它时,会给出一些其他错误类型error:i[n]不是一个函数
var list = ["Option 1","Option 2","Option 3"];
var typeahead = $("#test1").data('typeahead'); //Get Typehead Object
if (typeahead) typeahead.source = list;
else $("#test1").typeahead({source: list});