引导弹出窗口不是一个函数
Bootstrap popover is not a function
我目前正在尝试开发一个Chrome插件,发现每个访问的网页内出现不同的名称。
当插件找到一个名称时,它基本上会在它旁边添加一个图标。当点击,一个引导弹出窗口应该出现更多的信息,关于这个人。
当我尝试运行我的代码时,我得到这个错误:
下面是我的代码:VM887:1 Uncaught TypeError: $(…)。弹出窗口不是一个函数(…)
$('head').append('<script async src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.1/jquery.min.js"></script>'
<script async src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>');
$(document).ready(function(){
var name = "Nicolas";
// console.log('Document is ready.. scanning for politicians...');
//var hashmap = db_reader.getHashMap();
var counter = {i: 0}; //Occurences. Singleton to be passed by reference and not by value.
$('p').each(function(index) {
addImage(this, counter);
});
$('li').each(function(index) {
addImage(this, counter)
});
$('head').append(
"<script>$(function(){$('[data-toggle='"popover'"]').popover();});'
</script>"
);
});
function addImage(context, counter) {
var body = $(context).text();
var word;
var reg = /[A-Z]+[a-z]*/gm;
while(word = reg.exec(body)){
// console.log("while");
if(word == name){
// console.log(word);
var image = '<a href="#" data-toggle="popover" title="Popover Header" data-content="A wonderful content" id="popover'+counter.i+'" class="politicianFind">'
<img alt="name" src="https://s15.postimg.org/pei4ci3fv/fdp.png">'
</a>';
// console.log("Replacing HTML");
$(context).html(body.replace(word, word + " " + image));
counter.i++;
}
}
}
我已经搜索了很多,但我没能找到任何解决这个问题的方法。
亲切的问候,
Florian
我认为这是因为当你调用方法popover
的引导脚本尚未加载。
你有两个选择:
- 在
$(window).load
上调用方法- http://output.jsbin.com/qoteqe - 在DOM中包含bootstrap和jQuery引用,而不是在脚本中加载它们:http://output.jsbin.com/tamoda
顺便说一下为什么要添加另一个jQuery参考?如果你正在使用$('head').append
显然你有jQuery在你的页面已经。不是吗?
相关文章:
- 我可以在json对象中添加一个函数吗
- 如何在JQuery函数中定义一个值,然后调用另一个函数并使用该值
- 是否可以将一个函数输入连接到另一个函数调用的文本
- 在另一个函数中使用变量this
- 在另一个函数成功结束后调用该函数
- mongoose.connect undefined不是一个函数
- 监听器必须是一个函数
- 使用JS函数来使用另一个函数的语法?node.js
- 如何取消object.prototypes javascript的一个函数
- 从Chrome扩展名中的popup.html文件在background.js文件中运行一个函数
- 嵌套到另一个函数中的Fancybox函数;不起作用
- 如何在javascript中使用不止一个函数
- jQuery-在页面加载时执行一个函数
- jquery UI draggable:UI.children不是一个函数
- jQuery Mobile Undefined不是一个函数
- 如何在php中创建一个函数,该函数与文本区域一起工作,通过输入类似[color:red]的内容来打印具有等效颜色的文本
- javascript函数将数据添加到屏幕,但随后被另一个函数覆盖
- JS异常:animate不是一个函数
- 如何将一个函数附加到一个不存在的元素上
- JavaScript/jQuery-添加添加和删除类与下一个函数之间的延迟