jquery - 带有图像的 Twitter Bootstrap 工具提示

Question

我目前正在使用 twitter bootstrap 添加工具提示。

这是我的 JS:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css"/>
<script src="http://twitter.github.com/bootstrap/assets/js/bootstrap-tooltip.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$("a img").tooltip({'placement': 'right'});
});
</script>

我正在尝试使用 jquery 附加图像，并使用 rel attr 作为工具提示，如下所示:

$(".info").append('<a href="#" rel="tooltip" title="first tooltip"><img src="http://extrarewards.nationalexpress.com/images/assets/info_icon.png"/></a>');});

没有图像，这可以工作，但是一旦我添加图像，它就停止工作。

你知道上面的内容有什么问题吗？

Answer 1

.append 上的语法已关闭。尝试:

$(".info").append('<a href="#" rel="tooltip" title="first tooltip"><img src="http://extrarewards.nationalexpress.com/images/assets/info_icon.png"></a>');

演示: Bootply.com/65857