我的jquery函数遇到了一些问题。首先,这是我的HTML头
<link href="css/bootstrap.css" media="screen" rel="stylesheet">
<link href="css/datepicker.css" media="screen" rel="stylesheet">
<link rel="stylesheet" type="text/css" media="screen" href="css/bootstrap-datepicker.min.css">
<link rel="stylesheet" type="text/css" media="screen" href="css/bootstrap.min.css">
<script src="http://code.jquery.com/jquery.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/bootstrap-datepicker.js" type= 'text/javascript'></script>
<script src="js/bootstrap-tooltip.js" type= 'text/javascript'></script>
<script src="js/buttons.js"></script>
这是我的按钮.js文件中的代码
$(window).load(
function(){
...
$(document).on('click', '.popover a', function(){
alert("asd");
});
$('#button_nowtime').popover({
trigger: 'click',
html: 'true',
title: "<b>Čas</b>",
content:
function() {
var returnstring="",button;
for(var i=0; i<files.length; i++){
button = document.createElement("a");
button.innerText = "someText"
button.href="#";
returnstring+=button.outerHTML;
}
return returnstring;
}
});
}
);
.html
<a href="#" id="button_nowtime" class="btn btn-lg btn-danger" data-placement="bottom" data-toggle="popover" title="" >N/A</a>
问题是,当我单击工具提示中的任何按钮时,警报("asd")不会弹出
你应该使用 $.ready 而不是 window.load,很可能你的代码不起作用,因为 window.load 发生在你的对象存在之前。 http://www.dotnetbull.com/2013/08/document-ready-vs-window-onload.html
此示例适用于 http://jsfiddle.net/nWKqt/
[ignore this - just including a code block so stackoverflow will let me post the above JSFiddle link. Yeah, seriously.]
编写了一个代码,该代码依赖于一个不是由您定义而是来自 jquery 插件的类,该插件在您声明事件后触发。
尝试在声明弹出插件后放置单击事件,但最好是定义您的 cssClass 并依赖它。
为什么不使用这个:
$(".popover a").click( function(){
alert("asd");
});
旧方法工作正常..