jquery - 通过 jQuery 从 click 中设置 var，使用 Twitter 的 Bootstrap 2.x 弹出框发送到嵌套链

Question

我正在尝试从 click 获取 href 属性并将其发送到嵌套函数。但它不起作用。

$('.pop').on('click', function(event) {
    event.preventDefault();
    var img = $(this).attr('href');
}).popover({
    content: '<img src="' + img + '" />',
    html: true,
    placement: top
});

Answer 1

问题是您的 img var 的范围。使其成为全局（在您的 onclick 之外定义）。在此之后它仍然在弹出框的范围内未定义，因此通过函数设置您的内容。

var img;    
$('.pop').on('click', function(event) {
     event.preventDefault();
     img = $(this).attr('href');         
}).popover({
    content: function(){return '<img src="' + img + '" />';},
    html: true,
    placement: top
});

见：http ://bootply.com/66575