jQuery 从输入文本框中显示图像预览

Question

我需要使用 type="text" 的输入框值使用 bootstrap popover 显示图像预览，如下所示:

HTML:

 <input type="text" class="form-control" value="https://secure.gravatar.com/avatar/b64518ca2a465c3ef67299a39758c383?s=100&r=g&d=mm">

如何在输入悬停中显示预览？!

Answer 1

您可以使用此示例代码:

$(function () {
    $("#example")
        .popover({ title: 'Twitter Bootstrap Popover', content: "It's so simple to create a tooltop for my website!" })
        .blur(function () {
            $(this).popover('hide');
        });
});