2

Ruby on Rails 和 Twitter Bootstrap 的新手:P

尝试向图像添加弹出框,当您滚动它时,会出现带有较大版本图像的弹出框。

图片:

<ul class="thumbnails">
  <div class="span1">
    <ul>
     <li>
      <a href="#" class="thumbnail"><img src="http://placehold.it/125x100" alt=""></a>
     </li>
  </div>
    </ul>

我正在尝试通过将“bootstrap-popover.js”和“bootstrap-tooltip.js”(它扩展)添加到我的资产目录中的适当文件夹(使用 Rails 3.2)来使用 Twitter Bootstrap 的“Popovers”。

如果我想激活它,以便在我滚动图像时弹出窗口起作用,我该怎么做?

我真的只是不确定如何调用弹出框的特定元素来处理。

我正在努力实现的目标:)

非常感谢!!!

4

1 回答 1

2

将此 javascript 语句放在您链接 javascript 文件的任何位置之后。这将激活所有“a”元素(页面中的链接)的弹出框。

$('a').popover(placement:'top');

试试这个代码来测试一下。在链接标签中设置 rel、title 和 data-content 属性将激活该元素上的弹出框。

<ul class="thumbnails">
  <div class="span1">
    <ul>
     <li>
      <a href="#" rel="popover" title="A Title" data-content="<img src='http://placehold.it/125x100'/>">Hover over me for image.</a>
     </li>
  </div>
</ul>
于 2012-05-18T13:28:07.487 回答