草庐IT

popovers

全部标签

javascript - 将 bootstrap popover 保持在视口(viewport)内

我正在尝试使用带有按钮的侧边栏创建一个菜单,每个按钮都有一个包含相关数据的指定弹出窗口。不幸的是,其中一个弹出窗口可能包含任意数量的行,并且在某些情况下它可能部分位于视口(viewport)之外。参见http://jsfiddle.net/bfd9f/1/有关问题的示例(单击“任务”按钮)我想我可以通过编程将弹出窗口的顶部更改为一个定义的值,当负值(即在视口(viewport)之外)时,为了做到这一点,我已经设法在收听show.bs.popover事件。不幸的是,我认为由于它尚未呈现,它的大小似乎为(23,107),而它应该类似于(300,xxx)并且位置为(0,0)。有没有办法解决这

javascript - bootstrap tooltip\popover - 解决左侧放置不一致的问题

我一直在做一个元素,我注意到我想要解决的Bootstrap行为中的一些不一致。当弹出窗口(或工具提示,无论什么,它们基本相同)接近屏幕边缘时-如果它是右侧的,当接近边缘时-它会收缩以免离开屏幕(它只能在一定程度上起作用,但这通常就足够了。当展示位置在左侧时不会发生这种情况。即:正确的位置:正常宽度:靠近边缘:左侧位置:正常宽度:靠近边缘:这些图片来自小DEMO我写信来说明这个问题。我把源代码搞得一团糟,至今无济于事。我似乎无法弄清楚到底是什么导致了这种行为。有什么想法吗?附注我正在使用Bootstrap3.1.1。新的3.2没有解决这个问题(我想避免在此时升级)。重大更新!经过一些挖掘

javascript - Bootstrap 3 Popover 箭头和框定位

我正在使用Bootstrap3弹出窗口在悬停时显示有关链接的信息,然后再单击链接。目前它正在运行,但是,链接显示在页面顶部的下拉菜单中。当第一个链接有很多关于它的信息时,弹出窗口的顶部会消失在页面顶部,因此您看不到它的内容。我正在尝试使弹出框箭头出现在弹出框的左上角(而不是现在的中左),并且弹出框的顶部与箭头齐平有道理。$('.popOver').popover({trigger:'hover',html:true});上面的这个工作正常,但我不相信任何弹出选项都能在这里帮助我。它是我需要更改的CSS,但发布起来相当广泛,所以我只是在寻找具有Bootstrap知识的人来为我指明正确的方

javascript - Bootstrap 3 Popover : display on hover AND on click, 又名。固定弹出框

使用悬停触发器可以正常显示弹出窗口。通过click触发器显示弹出窗口效果很好。现在,当鼠标悬停在触发图像上时,如何让弹出框出现,但如果用户单击图像,取消悬停并启动点击切换?换句话说,悬停显示弹出窗口并单击“固定”弹出窗口。HTML非常标准:User还有popover初始化,更无聊:$(function(){$("[rel=popover]").popover();});据我目前所见,解决方案似乎是一组很好的复杂的popover('show')、popover('hide')和popover('toggle')调用,但我的javascript/jQuery-foo不能胜任这项任务。编辑:

ajax - 从 Google Analytics 跟踪 Ajax Popover 中的页面

我正在寻找跟踪论坛时出现的弹出页面提交于:http://www.xebra.com/salesAssistance.html我尝试将urchin/google分析代码添加到弹出窗口中显示的页面,但每当我这样做时,状态栏都会显示“Readhttp://www.google-analytics.com/”并且整个表单页面变为空白。跟踪弹出窗口中的页面很重要,因为该页面是转化目标(我们试图将人们引导至的页面)。我如何阻止GoogleAnalytics破坏我的窗口,同时仍然跟踪用户到过那里?谢谢你,安德鲁·J·莱尔 最佳答案 您可以将您的谷

twitter-bootstrap - Bootstrap的 "popovers"插件里的数据能被谷歌看到做SEO吗?

我目前正在构建一个基于TwitterBootstrap的网站,到目前为止我还没有看到任何关于此的讨论。有一个名为“popovers”的函数,当滚动或单击链接时会打开一个小模式窗口,有点像一个大工具顶部。在我的网站上,这里有很多对用户有用的信息(我有大约10个链接,滚动时每个链接显示大约50个词的解释信息,所以总共500个词,显然都与我的关键字相关).问题是数据调用如下:Linkname现在我猜测Google不会看到data-content,但如果我错了,请纠正我。我也可以从javascript调用数据,但我很确定Google也不会读取它。我能做些什么来让这些内容可见吗?我在这里追求可用

Angular Bootstrap Popover在关闭后需要2个点击即可打开

我在网格单元格上有多个弹出声,我在它们上使用附加到body=“true”属性。当我向下滚动网格时,我想从编程中隐藏弹出窗口。目前我正在使用此代码隐藏它们functioncloseAllPopOvers(){varpopups=document.querySelectorAll('.popover');if(popups){for(vari=0;i这个问题的问题是,如果我回到该代码关闭的弹出窗口之一,则需要2个点击才能打开。关闭所有附加物的弹出窗口的正确方法是什么?看答案我认为您正在弄乱弹出式触发设置,请尝试设置popover-trigger至nonepopover-trigger="'none

ios - 关闭 PopOver ViewController 时黑色闪烁

我在关闭PopOverViewController时出现黑色闪烁屏幕。ViewController.swift中的代码ifsegue.identifier=="addComment"{letcontroller=segue.destinationViewControlleras!ProfileCommentPopOvercontroller.popoverPresentationController?.delegate=selfcontroller.preferredContentSize=CGSizeMake(250,150)controller.fetchedProfileID=s

iphone - UItabBar 中的 PopOver

我需要在它右侧的tabBar中创建一个弹出窗口。喜欢:self.navigationItem.rightBarButtonItem导航栏中的属性。(忘记其他按钮,我只需要一个按钮。)知道怎么做吗?谢谢 最佳答案 如果您希望弹出窗口出现在tabbaritem上,您可以在这里查看我的回答:UIPopoverControllerplacement 关于iphone-UItabBar中的PopOver,我们在StackOverflow上找到一个类似的问题: https

【Element UI】el-popover的弹出框动画,设置transition属性无效

使用el-popover组件时,弹出框的动画默认是fade-in-linear,有的项目需求中不喜欢淡入淡出的动效,希望改为其他动画效果,我们查阅文档会发现没有其他transition属性值介绍,设置为其他的值也没有效果此时我们可以在组件所在的页面按需引入element的内置过渡动画 这样我们就可以将el-popover的transition属性设置为fade淡入淡出或者zoom缩放等效果了 代码如下