Question

我正在处理Bootstrap popovers，而且我遇到了问题。当我单击按钮时，弹出窗口会显示并很快再次消失。它不会保持可见。

此外，当我总是点击按钮并且弹出窗口显示时，放在网络中的图像会闪烁，这很奇怪。我一直在尝试不同的popover配置，但它很奇怪，我不能让它工作。

顺便说一下，我使用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>

Bootstrap Popover：它消失而不是保持活跃状态

0 个答案: