jquery函数(.on)不起作用



我的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");
        });

旧方法工作正常..

最新更新