Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/74.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 引导工具提示/弹出窗口导致HTML元素被隐藏_Javascript_Jquery_Html_Twitter Bootstrap - Fatal编程技术网

Javascript 引导工具提示/弹出窗口导致HTML元素被隐藏

Javascript 引导工具提示/弹出窗口导致HTML元素被隐藏,javascript,jquery,html,twitter-bootstrap,Javascript,Jquery,Html,Twitter Bootstrap,出于某种原因,在我的一个项目中,Tooltip.prototype.leave函数中的以下Bootstrap.js Tooltip/Popover代码导致我的图标在解除提示/pover时消失(设置为显示:无) if (!self.options.delay || !self.options.delay.hide) return self.hide() self.timeout = setTimeout(function () { if (self.hoverState == 'out'

出于某种原因,在我的一个项目中,Tooltip.prototype.leave函数中的以下Bootstrap.js Tooltip/Popover代码导致我的图标在解除提示/pover时消失(设置为显示:无)

if (!self.options.delay || !self.options.delay.hide) return self.hide()

self.timeout = setTimeout(function () {
    if (self.hoverState == 'out') self.hide()
}, self.options.delay.hide)
我正在按照建议实施popover:

<script type="text/javascript" charset="utf-8">
    $j(document).ready(function() {
        console.log($j('.help-popover'));
        $j('.help-popover').popover({
            placement: 'top'
        });
    });
</script>

<a tabindex="0" class="help-popover glyphicon glyphicon-question-sign" role="button" data-toggle="popover" data-trigger="focus" title="Help" data-content="Lorem ipsum dolor sit amet consetetur sadipscing elitr sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat sed."></a>

$j(文档).ready(函数(){
log($j('.help popover'));
$j('.help-popover').popover({
位置:'顶部'
});
});
我对原因的一些猜测是,它与项目相关,也需要使用Prototype.js的旧副本,因此也需要使用js_noconflict.js,这就是为什么在上面的html示例中可以看到表示jQuery的
$j
语法


我已经尝试在bootstrap.js的本地副本中替换对
$
调用的所有
$
调用,但没有修复该问题。如有任何帮助,我们将不胜感激。

替换Bootstrap.js第1404行,如下所示

//if (obj instanceof $.Event) {
    //  self.inState[obj.type == 'focusout' ? 'focus' : 'hover'] = false
    //}


基本上,它将“inState”设置为“false”,所以当出现悬停时,它将继续在其他代码上运行,而不是返回。接下来的代码是设置工具提示隐藏。

替换Bootstrap.js第1404行,如下所示

//if (obj instanceof $.Event) {
    //  self.inState[obj.type == 'focusout' ? 'focus' : 'hover'] = false
    //}

基本上,它将“inState”设置为“false”,所以当出现悬停时,它将继续在其他代码上运行,而不是返回。接下来的代码是设置工具提示隐藏