javascript - 如何通过 console.log 记录单击的 Bootstrap 弹出窗口的标题？

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

您可以使用 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");