Javascript 在Opera 12中离开文本框时Popover未隐藏

Javascript 在Opera 12中离开文本框时Popover未隐藏,javascript,twitter-bootstrap,twitter-bootstrap-3,opera,popover,Javascript,Twitter Bootstrap,Twitter Bootstrap 3,Opera,Popover,我使用以下脚本在Bootstrap 3中使用HTML支持在focus上显示弹出窗口: $(document).ready(function () { $(".focus-popover").each(function (index) { var showPopover = function () { $(this).popover('show'); }; var hidePopover = function () {

我使用以下脚本在Bootstrap 3中使用HTML支持在focus上显示弹出窗口:

$(document).ready(function () {
    $(".focus-popover").each(function (index) {
        var showPopover = function () {
            $(this).popover('show');
        };
        var hidePopover = function () {
            $(this).popover('hide');
        };
        $(this).popover({
            html: true,
            placement: $(this).attr('data-placement'),
            trigger: 'manual'
        })
        .focus(showPopover)
        .blur(hidePopover);
    })
});
然而,这个输入

<input type="date" ID="test2" class="form-control focus-popover" data-original-title="This is my title" data-placement="top" data-container="body" data-content="Click away and see how this will be dismissed.&lt;br /&gt;However, on Opera 12 it will remain."></input>

。。。不知怎的在歌剧12中被窃听了。由于输入类型是“日期”而不是“文本”,因此在离开文本框时不会隐藏弹出框

请查看Opera 12以及任何其他浏览器


我该怎么做才能使它正常工作?

显然,日期选择器可以防止浏览器在失去焦点时通过单击而触发模糊事件

只有当您一直切换到失去焦点或通过选择日期更改值时,它才会触发模糊事件

因此,基本上可以通过使用另一个元素的单击/聚焦来模拟模糊事件

变通办法
$(文档).ready(函数(){
$(“.focus popover”)。每个(函数(索引){
var showPopover=函数(){
$(this.popover('show');
};
var hidepover=函数(){
$(this.popover('hide');
};
$(这个)({
是的,
位置:$(this.attr('data-placement'),
触发器:“手动”
})
.焦点(showPopover)
.blur(隐藏);
})
//讨厌的歌剧<12“变通办法”

if(window.opera&&+window.opera.version()输入标签不能有内容,所以你不应该有
。Bootstrap不正式支持Opera 12,所以,祝你好运。谢谢你的回复。只要我的网站上只有一个日期文本框,这就行了。你能让它与多个日期控件一起工作吗?在两个日期字段之间查看和跳过,看看我的意思。在那里,我用多输入元素的替代选项编辑了回复。在日期输入之间切换时,它会闪烁一点,但是效果很好,对于Opera 12用户来说应该足够了。非常感谢。