Javascript 在Opera 12中离开文本框时Popover未隐藏
我使用以下脚本在Bootstrap 3中使用HTML支持在focus上显示弹出窗口: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 () {
$(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.<br />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用户来说应该足够了。非常感谢。