弹出框不适用于选择选项答案

【问题标题】：Popover not working for the select option弹出框不适用于选择选项
【发布时间】：2015-01-08 03:17:22
【问题描述】：

Popover 不适合我。我已经尝试过 onChange 和 mouseover。使用“鼠标悬停” onChange() 函数永远不会被击中。使用“change”调用 onchange 函数，但 popover 仍然不起作用。我希望从另一个函数调用 onChange 函数。这里我只是给出了参考函数（），但实际上是它的内部函数。

<select size="1" name = "selectList" id="selectList">
    <option value="1" data-info="data1">Item 1</option>
    <option value="2" data-info="data2">Item 2</option>
    <option value="3" data-info="data3">Item 3</option>
    <option value="4" data-info="data4">Item 4</option>
</select>

$(function() {
//$("select[name=selectList]").on("change",onChange);
$("select[name=selectList]").on("mouseover",onChange); 
});
function onChange() {
    var $this = $(this);
    var $e = $(this.target);
    $('#selectList').popover('destroy');
    $("#selectList").popover({
        trigger: 'manual',
        placement: 'right',
        content: $this.attr("data-info")
    }).popover('show');
}

http://jsfiddle.net/xrkxdedg/1/

【问题讨论】：

你从哪里得到popover()？
我是第一次使用popover，相信$("#selectList").popover({ trigger: 'manual', placement: 'right', content: $this.attr( "data-info") }) 将创建 popover 对象。如果我错了，请纠正我。
他的意思是你使用的是什么 JQuery 库。我已经检查了 Bootstrap，我认为这不是您使用的。请编辑您的问题并提供您从哪里获得弹出功能的链接
jQuery 中没有popover，所以除非你使用插件，否则popover 不存在。有数百个popover 插件可用。
@jeremejazz 他们的 JS 在我看来就像 Bootstrap：getbootstrap.com/javascript/#popovers

标签： javascript jquery twitter-bootstrap drop-down-menu popover

【解决方案1】：

更新您的选择器，使其以具有data-info 属性的option 标记为目标。尝试将$this.attr("data-info") 更改为$this.children('option:selected').attr("data-info")。

function onChange() {
    var $this = $(this);
    var $e = $(this.target);
    $('#selectList').popover('destroy');
    $("#selectList").popover({
        trigger: 'manual',
        placement: 'right',
        content: $this.children('option:selected').attr("data-info") //this
    }).popover('show');
}

JSFiddle

【讨论】：