1

我正在处理 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>
4

0 回答 0