javascript - 如何 console.log 单击的引导弹出窗口的标题？

Question

如果我有这个弹出框代码：

  $('.UofTennesseeKnox').popover({
    'placement': 'bottom',
    'title': '<a class="passName" href="#">University of Tennessee-Knoxville</a>',
    'content': 'Facilities Services Department 2233 Volunteer Boulevard, Room 203 Knoxville, TN 37996-3010',
    'html': 'true'
  });

此获取内容的代码.passName不起作用：

        $('.passName').click(function(){
            console.log($(this).html());
        });

难道我做错了什么？还是因为在弹出窗口中所以它不起作用.passName，我可以做这样的事情来让$('.passName').click(function())弹出窗口加载后才触发吗？：

  $('.UofTennesseeKnox').popover({
    'placement': 'bottom',
    'title': '<a class="passName" href="#">University of Tennessee-Knoxville</a>',
    'content': 'Facilities Services Department 2233 Volunteer Boulevard, Room 203 Knoxville, TN 37996-3010',
    'html': 'true'
  }, passNamefunction());

Answer 1

我认为这是因为您以动态方式创建此元素，请尝试使用.on()：

    $(document).on("click", ".passName", function(){
        console.log($(this).html());
    });

Answer 2

您可以使用 HTML 属性data-original-title在弹出框元素上设置数据。这样，您以后更容易读取数据：

$(".UofTennesseeKnox").attr("data-original-title", "Your title");
$(".UofTennesseeKnox").popover({ 
    // Your other options here
});

var title = $(".UofTennesseeKnox").attr("data-original-title");

我想您.data()以后甚至可以使用它来读取数据属性。我没有验证。

var title = $(".UofTennesseeKnox").data("original-title");