Javascript 引导Typeahead不适用于某些Div Id'；s

这是我的HTML

<input data-provide="typeahead" type="text"  id="actor" name="actor" autofocus="autofocus" maxlength="30" value="" required="required">

如果我将输入的

div

id保留为

actor

，那么一切都会正常工作，但是如果将

div

id从

actor

更改为

actor[]

则

提前键入

不起作用

对于

actor[]

id，我的代码是：

<input data-provide="typeahead" type="text"  id="actor[]" name="actor" autofocus="autofocus" maxlength="30" value="" required="required" >

actors = getActors();
    $('#actor[]').typeahead({
        source: actors,
        items: 10
    });

actors=getActors（）；
$（“#actor[]）。请提前键入({
资料来源：演员，
项目：10
});

---

如果有人知道此类型输入的解决方案，请输入您的解决方案。

可能jQuery的选择器引擎试图将

'#actor[]'

解释为一个由属性的存在限定的元素，并且不匹配。为什么需要使用这种ID（一对空方括号通常用作表单元素名称的后缀，以便PHP或类似代码将具有相同名称的多个元素的值转换为数组，但根据定义，ID在页面中是唯一的）

<input data-provide="typeahead" type="text"  id="actor[]" name="actor" autofocus="autofocus" maxlength="30" value="" required="required" >

actors = getActors();
    $('#actor[]').typeahead({
        source: actors,
        items: 10
    });