标签: popover

我正在使用twitter-bootstrap和popovers.

我面临以下问题:当用户点击在页面底部打开弹出窗口的链接时,它会首先滚动到页面顶部.这要求用户向下滚动以查看弹出窗口.在twitter-bootstrap网站上的演示中,我没有看到这一点,并且想知道我是否可以在这个问题上得到帮助.

<div class="span1" style=" width: 60px; ">
    <a href="#" class="example2" rel="popover" data-html="true" data-placement="left" data-content="&lt;a href = '/social/2lPdXV1KO4s/Bhangra indian Jingle Bells balle balle Merry Christmas'&gt;&lt;img src='http://i4.ytimg.com/vi/2lPdXV1KO4s/hqdefault.jpg'&gt;&lt;/a&gt;" data-original-title="Bhangra indian Jingle Bells balle balle Merry Christmas">
        <img src="http://graph.facebook.com/1236870349/picture">
    </a>

    <div class="popover fade left in" style="top: 831px; left: 805.61669921875px; display: block;">
    <div class="arrow"></div>
    <div class="popover-inner">
        <h3 class="popover-title">Bhangra indian Jingle Bells balle balle Merry Christmas</h3>
        <div class="popover-content">
            <p><a href="/social/2lPdXV1KO4s/Bhangra indian Jingle Bells balle balle Merry Christmas"><img src="http://i4.ytimg.com/vi/2lPdXV1KO4s/hqdefault.jpg"></a></p>
        </div>
    </div>
</div>

我有一个表格,每个单元格都有一个popover,如下例所示:

对popover的调用:

<td ng-repeat="i in c.installments" ng-class="{ 'first' : i.first, 'last' : i.last, 'advance' : i.advance.value > 0, 'edited' : i.edited, 'final-installment' : i.last }" popover-trigger="{{ popoverFilter(i) }}" popover-placement="top" popover-title="{{i.id == 0 ? 'Advance' : 'Installment ' + i.id}}" popover-append-to-body="true" popover-template="popoverTemplate(i)" ng-init="payment= i; newpayment= i.amount.rounded_value" >

弹出模板:

<script type="text/ng-template" id="editPopoverTemplate.html">
    <form name="editPayment">
      <h2>{{payment.amount.value|currency:undefined:cents}}</h2>
      <div class="form-group" ng-class="{ 'has-error' : editPayment.newpayment.$invalid }">
        <label>New value:</label>
        <input type="number" name="newpayment" ng-model="newpayment" class="form-control no-spinner" step="1" min="10" required>
        <span ng-messages="editPayment.newpayment.$error" class="help-block" role="alert">
          <span ng-message="required">The value is mandatory</span> …

我看过许多带有菜单栏项目的应用程序或只有菜单栏界面的应用程序.

互联网上有一些教程和内容告诉你如何实现这一目标.但问题是,那些只有可点击的索引行.

单击菜单栏图标/项目时,我希望显示NSPopover.有谁知道如何做到这一点？

在这里发布stackoverflow的新手,所以如果我搞砸了这里的任何东西,我提前道歉.

我正在使用Twitter Bootstrap的popovers.我的popovers似乎适用于我手动输入到我的HTML文档中的元素 - 但不是我通过Javascript/Ajax动态生成的元素.

例如,如果我手动将它直接添加到我的HTML文档中,那么popover似乎有效:

<p rel=popover data-content='It is so simple to create a tooltop for my website!' data-original-title='Twitter Bootstrap Popover'>hover for popover</p>

但我真正需要的是我动态生成的元素有弹出窗口.我使用XMLHttpRequest向PHP文件发送请求,然后获取responseText并显示它.当我将这行代码添加到我前面提到的PHP文件中时:

 echo "<p rel=popover data-content='It is so simple to create a tooltop for my website!' data-original-title='Twitter Bootstrap Popover'>hover for popover</p>";

......当然,出现了"悬停于弹出窗口"的字样 - 但是弹出窗口本身不起作用!

这让我疯了一段时间,如果有人可以伸出援助之手,那将是不可思议的!我还添加了我正在使用的JQuery函数来启用下面的Bootstrap的popovers,这是值得的.

$(function (){
$("[rel=popover]").popover({placement:'left'});
}); 

我已经彻底搜索了类似的问题,我能找到的最好的就是这个链接.但是这个链接似乎也没有任何解决方案.再次感谢!

更新:

固定!非常感谢所有帮助过的人.我的问题是在将元素添加到文档对象模型之前调用该函数.有多种可能的修复方法 - 我只是通过将popover函数转移到Ajax函数的END来测试解决方案,并且它有效!

我正在寻找一种有效的方法来使用新的uipopoverpresentationcontroller重新定位一个popover.我已经成功地呈现了弹出窗口,现在我想移动它而不会解散并再次呈现.我在使用该功能时遇到问题:

(void)popoverPresentationController:(UIPopoverPresentationController *)popoverPresentationController
      willRepositionPopoverToRect:(inout CGRect *)rect
                           inView:(inout UIView **)view

我知道这是游戏的早期,但任何人都有一个如何有效地做到这一点的例子,如果你和我分享,我将不胜感激.提前致谢.

使用UIViewController的实例,有什么办法可以找到用于呈现它的UIPopoverController吗？我还想找到首先显示UIPopoverController的UIViewController.

我通常会使用委托或其他类型的通知从显示的视图控制器向显示的视图控制器发送信号,但在这种情况下,我正在尝试创建一个可重复使用的自定义segue,解除弹出窗口然后转到另一个视图在主视图中.

我注意到,当我部署到Heroku时,javascript功能不起作用(例如Bootstrap Popover,Buttons等).我正在使用rails 3.2.2,ruby 1.9.3.这些功能适用于localhost.部署到Heroku时似乎没有显示错误(这些功能根本没有显示).

有任何想法吗？谢谢!

单击默认弹出窗口触发器选项.但是我需要改变它来悬停.它可以这样做:

$("#popover").popover({ trigger: "hover" });

但这对智能手机没有意义.用户无法读取悬停触发的弹出窗口.

对于我网站的" div "部分,我使用" visible-desktop "或"hidden-desktop".你可以提供一个很好的方法来触发popover与悬停 - 桌面触发弹出与点击智能手机/平板电脑.(我使用bootstrap 2.3.1)

相关: 在悬停时出现Bootstrap Popover/Disappear而不是Click

我想以编程方式销毁并重新创建特定的Bootstrap popover.所以我做的是:

$('#popoverspan').popover('destroy');
$('#popoverspan').popover({placement : 'bottom', trigger : 'hover', content : 'Here it is!'});

它只是每隔一秒工作一次.我认为这是破坏弹出窗口所需时间的问题,但即使在两条线之间增加延迟也无济于事.我在JSFiddle中重新创建了这个问题:http://jsfiddle.net/Lfp9ssd0/10/

为什么会那样？有人建议它可以工作,例如在Twitter Bootstrap Popover中通过ajax和Bootstrap Popover Reinitialization 动态生成内容(刷新内容)

当我跳过破坏时它工作得很好,但我不确定当我为一个元素创建另一个弹出框而不破坏已经存在的弹出时会发生什么.它是重新初始化还是创建了一个新的popover而失去了对旧的popover？

在我的项目中,我在屏幕的右下方有一个按钮,我在故事板上添加了另一个uiviewcontroller,控制 - 拖动到我想要的uiviewcontroller作为弹出窗口,然后将该viewcontroller大小设置为(300,300)并检查'使用首选显式大小'.当我加载应用程序并单击按钮时,整个屏幕将被"弹出窗口"覆盖.我也尝试进入popoverViewController的.m文件并设置大小,但这也不起作用.
有任何想法吗？

编辑:因为它看起来我必须是全屏,这很好但是我仍然遇到了我之前遇到的一些其他问题.我的弹出屏幕会出现,我将背景设为黑色,alpha设为.5使其透视然而它会完成动画,然后一旦动画完成,屏幕将从.5不透明度变为完全黑色而且是唯一的我能看到的是电池图标.