在Textarea的Keyup事件上触发Twitter Bootstrap Popover?

时间:2013-11-22 04:07:19

标签: javascript jquery twitter-bootstrap

当我在文本区域中进行更改/ keyup事件时,我正试图触发Bootstrap popover。想法是用户将输入一些文本,我将检查以查看什么类型的文本,并基于此,我将触发(或不触发)弹出窗口。

showPopover = function() {
    return $(this).popover("show");
};

hidePopover = function() {
    return $(this).popover("hide");
};

$("textarea").on("change keyup", function(e) {
    $("[rel=next-popover]").popover({
          placement: "left",
          trigger: "manual"
        }).hover(showPopover, hidePopover).click(showPopover);
};

不知何故,这个简单的事情不起作用(我也使用Bootstrap popover的数据属性作为弹出数据)。这是jsfiddle:http://jsfiddle.net/bpjavascript/CgRKS/

1 个答案:

答案 0 :(得分:3)

尝试

$("textarea").on("change keyup", function (e) {
    $("[rel=next-popover]").popover("show");
});
$("[rel=next-popover]").popover({
    placement: "right",
    trigger: "manual"
})

演示:Fiddle