从jQuery单击设置var,使用Twitter的Bootstrap 2.x弹出窗口发送到嵌套链

时间:2013-07-05 22:08:03

标签: jquery twitter-bootstrap

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

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

1 个答案:

答案 0 :(得分: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