Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/69.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何为bootstrap typeahead.js autocomplete设置类名_Javascript_Jquery_Html_Twitter Bootstrap_Typeahead - Fatal编程技术网

Javascript 如何为bootstrap typeahead.js autocomplete设置类名

Javascript 如何为bootstrap typeahead.js autocomplete设置类名,javascript,jquery,html,twitter-bootstrap,typeahead,Javascript,Jquery,Html,Twitter Bootstrap,Typeahead,我正在使用typeahead.js自动完成。我在下面的链接中看到了为typeahead设置类名的模式 我尝试了以下选项,但无法更改typeahead自动完成的默认类名 $('#the-basics .typeahead').typeahead({ hint: false, highlight: true, classNames: { input: 'dummy',

我正在使用typeahead.js自动完成。我在下面的链接中看到了为typeahead设置类名的模式

我尝试了以下选项,但无法更改typeahead自动完成的默认类名

 $('#the-basics .typeahead').typeahead({
            hint: false,
            highlight: true,
            classNames: {
                input: 'dummy',
                hint: 'dummy',
                menu: 'dummy',
                dataset: 'dummy',
                suggestion: 'dummy',
                empty: 'dummy',
                open: 'dummy',
                cursor: 'dummy',
                highlight: 'dummy',

            }
        },          
        {
            name: 'states',
            displayKey: 'value',
            source: substringMatcher(states),                
            templates: {
                empty: [
                    '<div class="empty-message">No States Found</div>'
                ],
                header: '<h3 class="league-name">States of USA</h3>'
            }
        });
$('thebasics.typeahead')。typeahead({
提示:错,
推荐理由:没错,
类名:{
输入:'dummy',
提示:“笨蛋”,
菜单:“dummy”,
数据集:“虚拟”,
建议:“笨蛋”,
空:“dummy”,
打开:'虚拟',
光标:“dummy”,
突出显示:“哑巴”,
}
},          
{
名称:“州”,
displayKey:'值',
来源:子字符串匹配器(状态),
模板:{
空的:[
“未找到状态”
],
标题:“美国各州”
}
});
在这里,您可以看到类名工作得非常好

另请参见下面的代码片段

var substringMatcher=函数(strs){
返回函数findMatches(q,cb){
var匹配,substringRegex;
//将填充子字符串匹配项的数组
匹配项=[];
//用于确定字符串是否包含子字符串'q'的正则表达式`
substregex=新的RegExp(q,‘i’);
//在字符串池中迭代并查找
//包含子字符串'q',将其添加到'matches'数组中
$。每个(str,功能(i,str){
if(子相关性测试(str)){
匹配。推(str);
}
});
cb(比赛);
};
};
var州=[“阿拉巴马州”、“阿拉斯加州”、“亚利桑那州”、“阿肯色州”、“加利福尼亚州”,
“科罗拉多州”、“康涅狄格州”、“特拉华州”、“佛罗里达州”、“乔治亚州”、“夏威夷州”,
爱达荷州、伊利诺斯州、印第安纳州、爱荷华州、堪萨斯州、肯塔基州、路易斯安那州、,
缅因州、马里兰州、马萨诸塞州、密歇根州、明尼苏达州、,
“密西西比州”、“密苏里州”、“蒙大拿州”、“内布拉斯加州”、“内华达州”、“新罕布什尔州”,
“新泽西州”、“新墨西哥州”、“纽约州”、“北卡罗来纳州”、“北达科他州”,
“俄亥俄州”、“俄克拉何马州”、“俄勒冈州”、“宾夕法尼亚州”、“罗德岛州”,
“南卡罗来纳州”、“南达科他州”、“田纳西州”、“德克萨斯州”、“犹他州”、“佛蒙特州”,
“弗吉尼亚州”、“华盛顿州”、“西弗吉尼亚州”、“威斯康星州”、“怀俄明州”
];
$(“#basics.typeahead”).typeahead({
类名:{
输入:'dummy',
提示:“笨蛋”,
菜单:“dummy”,
数据集:“虚拟”,
建议:“笨蛋”,
空:“dummy”,
打开:'虚拟',
光标:“dummy”,
突出显示:“哑巴”,
},
提示:没错,
推荐理由:没错,
最小长度:1,
}, {
名称:“州”,
来源:子字符串匹配器(状态)
});


你能提供一个有效的jsfiddle吗?@devconcept我不知道如何向jsfiddle添加css和js文件刚刚找到你的帖子–我有同样的问题…@o-o你找到了吗solution@o-好的。如果我发现了什么,我会与你分享是的,当你包含
https://twitter.github.io/typeahead.js/releases/latest/typeahead.bundle.js
但如果我包含cloudshare中的typeahead.bundle.js文件,则不会这样做。