JavaScript无法在popover中运行

Question

我在我的应用程序中使用bootstrap popover。当我使用第一种方法时，JavaScript在popover元素中不起作用。

第一种方法，返回html内容，其中javscript元素不在popover元素上工作

$('#signInPopLink').popover({ 
    html : true,
    content: function() {
      return $('#signInPopover');
    }
  });

第二种方法，使用选择器（id）返回内容，其中JavaScript元素处理popover元素

$(function(){
      $('#signInPopLink').popover({ 
        html: true,
        content: function() {
        return $('#signInPopover');
        }
      }); 


    });

demo for the second method

第一个问题是什么问题，请帮助我理解。

Answer 1

当DOM中没有元素时，第一个代码正在运行。

所以没有事件被附加，因为那时没有元素。

<小时/> 您的第二个代码位于$( document ).ready())

确保在DOM准备就绪后运行代码。

  

注意：$(function() { $( document ).ready()

的简写

Answer 2

$(function(){});相当于$(document).ready(function(){});所以它正在运行但没有这个就不会。