我正在处理 Bootstrap 弹出窗口,我被卡住了。当我单击按钮时,弹出窗口显示并很快再次消失。它不会保持可见。
此外,当我总是单击按钮并显示弹出框时,放置在网络中的图像会闪烁,这很奇怪。我一直在尝试不同的弹出框配置,但这很奇怪,我无法正常工作。
顺便说一句,我正在使用 Ruby on Rails 和 Bootstrap/jQuery gem。
这是我的代码:
<div class="span9">
<table class="table">
<thead>
<tr>
<th>#</th>
<th>Domain</th>
<th>API KEY</th>
<th>API SECRET</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>http://www.example.com</td>
<td>29383947382</td>
<td><a href="#" class="btn btn-small btn-warning" id="api_secret" rel="popover" data-content="b23v2v3l3pdns9282b3v2g3b2" data-original-title="Your API SECRET:">Show</a></td>
</tr>
</tbody>
</table>
</div>
文件底部的这些 Javascript 行:
<script type="text/javascript">
$(document).ready(function() {
// Popovers
$('#api_secret').popover({
animation: false
});
// Tabs
$('#myTab a').click(function (e) {
e.preventDefault();
$(this).tab('show');
});
});
</script>