Boostrap表按鈕在搜索後不起作用

Question

我對組件「Bootstrap表」有問題。點擊時，我有一列顯示簡單的彈出窗口，但如果我更改頁面或搜索結果，如果我重新點擊它，不會再顯示彈出窗口（這個問題不僅發生在popover上，而且還發生在其他js上方法）。即使我使用DataTable，這個問題也不會發生。我該如何解決它？這是我的代碼：

<!-- Latest compiled and minified CSS --> 
 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> 
 
    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-table/1.11.1/bootstrap-table.min.css"> 
 
    <!-- Optional theme --> 
 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous"> 
 
    <!-- Jquery library for bootstrap--> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
 
    <!-- Latest compiled and minified JavaScript --> 
 
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script> 
 
<script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-table/1.11.1/bootstrap-table.min.js"></script> 
 
<table class="table color-table info-table" data-toggle="table" data-search="true" data-classes="table-no-bordered"> 
 
    <thead> 
 
    <tr> 
 
     <th data-field="codice" data-sortable="true">Codice</th> 
 
     <th data-field="nome" data-sortable="true">Nome</th> 
 
     <th data-field="server" data-sortable="true">Server</th> 
 
     <th data-field="database" data-sortable="true">Database</th> 
 
     <th data-field="versione" data-sortable="true">Versione</th> 
 
     <th data-field="attivo" data-sortable="true">Attivo</th> 
 
     <th>Licenza</th> 
 
    </tr> 
 
    </thead> 
 
    <tbody> 
 
    <tr> 
 
     <td class="txt-oflo">17894</td> 
 
     <td>Ekipe</td> 
 
     <td class="txt-oflo">oasis.amcweb.it</td> 
 
     <td>ET_017894</td> 
 
     <td>5.16.20</td> 
 
     <td>SI</td> 
 
     <td><button type="button" class="btn btn-info" data-toggle="popover" title="TEST 2" data-content="Some content inside the popover" data-placement="top">Visualizza</button></td> 
 
    </tr> 
 
    <tr> 
 
     <td class="txt-oflo">14785</td> 
 
     <td>Ekipe</td> 
 
     <td class="txt-oflo">web.amclab.it</td> 
 
     <td>ET_017894</td> 
 
     <td>5.16.20</td> 
 
     <td>SI</td> 
 
     <td><button type="button" class="btn btn-info" data-toggle="popover" title="TEST 1" data-content="Some content inside the popover" data-placement="top">Visualizza</button></td> 
 
    </tr> 
 
    </tbody> 
 
</table> 
 

 
<script> 
 
$(document).ready(function(){ 
 
    $('[data-toggle="popover"]').popover(); 
 
}); 
 
</script>

最新問題

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.

 相關問題

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.