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”(它扩展)添加到我的 Assets 目录中的相应文件夹(使用 Rails 3.2)来使用 Twitter Bootstrap 的“Popovers”。
如果我想激活它,以便当我滚动图像时弹出窗口可以工作,我该怎么做?
我真的不确定如何调用弹出窗口的特定元素来工作。
非常感谢!!!
最佳答案
将此 javascript 语句放在链接 javascript 文件的位置之后。这将激活所有“a”元素(页面中的链接)的弹出窗口。
$('a').popover(placement:'top');
尝试使用此代码进行测试。在链接标记中设置 rel、title 和 data-content 属性将激活该元素上的 popever。
<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>
关于javascript - 在 Rails 3.2 中使用 Twitter Bootstrap 的 "bootstrap-popover.js"启用 Popover,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10640021/