[英]Styling “popovers” in Twitter Bootstrap's “bootstrap-popover.js” in Rails 3.2
使用Rails 3.2和Twitter的引導“自舉popover.js”和‘引導- tooltip.js’ 在這里
這就是我想要發生的事情:
當我將鼠標懸停在:
<li>
<a href="#" class="thumbnail"><img src="http://placehold.it/125x100" alt=""></a>
</li>
在“bootstrap-popover.js”和“bootstrap-tooltip.js”中我都有$('a')。popover(placement:'top') ;.
我可以指定哪些其他選項,以便彈出窗口看起來像上面的圖片,選項“標題”和“這里有一些令人驚嘆的內容。它非常吸引人嗎?”
這是我目前得到的照片:
謝謝。
以下是您想要的實際示例: http : //jsfiddle.net/chapmanc/DuKCg/4/
此外,您只需將javascript行放在一個地方。 我通常使用我的所有自定義函數創建一個新的.js文件,並在我的頁面中包含與包含popover和tooltip腳本相同的方式。
例如,文件的底部可能如下所示:
<script src="js/jquery.js" type="text/javascript"></script>
<script src="js/bootstrap.js" type="text/javascript"></script>
<script src="js/bootstrap-tooltip.js" type="text/javascript"></script>
<script src="js/bootstrap-popover.js" type="text/javascript"></script>
<script src="js/customFunctions.js" type="text/javascript"></script>
使用customFunctions.js:
$('a').popover({placement:'right'});
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.