ajax調用後自舉表css不加載

我在加載CSS到bootstrap-table後，我用Ajax調用它時出現問題。ajax調用後自舉表css不加載

此表追加到我認爲阿賈克斯爲每次點擊觸發的事件，但自舉表CSS尚未加載到每一個：

<div id="sala_2"> 
    <h3>Sala 2</h3> 
    <table id="tb_sala_2" 
    data-toggle="table" 
    data-toolbar="#toolbar" 
    data-click-to-select="true" 
    data-single-select="true"> 
    <thead> 
     <tr> 
     <th data-field="state" data-checkbox="true" data-halign="center" data-align="center"></th> 
     <th data-field="id" data-halign="center" data-align="center">ID</th> 
     <th data-field="cargo_id" class="hidden_field" data-halign="center" data-align="center">Cargo ID</th> 
     <th data-field="cargo" data-halign="center" data-align="center">Cargo</th> 
     <th data-field="quantidade_de_candidatos" data-halign="center" data-align="center">Quantidade de candidatos</th> 
     </tr> 
    </thead> 
    <tbody> 
     <% i = 0 %> 
     <% @cargos.each do |cargo| %> 
      <tr> 
      <td></td> 
      <td><%= i %></td> 
      <% i = i + 1 %> 
      <td class="hidden_field"><%= cargo.id %></td> 
      <td><%= cargo.nome %></td> 
      <td class="quantidade_de_candidatos"> 0 </td> 
      </tr> 
     <% end %> 
    </tbody> 
</table> 
</div>

的application.js：

//= require jquery 
//= require jquery_ujs 
//= require bootstrap-table 
//= require turbolinks 
//= require_tree .

Application.css：

*= require bootstrap-table 
*= require_tree . 
*= require_self

觀察：WH恩在頁面加載的第一次，自舉表CSS已加載正確的。當我使用ajax追加另一個表時，問題就發生了。所以，我認爲這個問題是rails加載資產的方式。

來源

2017-06-05 Pedro Gabriel Lima

由於我沒有回答問題，但提供了問題的解決方案，我把它留作評論。通過AJAX非常容易和高效使用的寶石，如「數據表」，使載物臺。還配備了服務器端的處理出去對大數據集極快的負載箱。 – bkunzi01

我不知道論文的寶石，我會獲得更多的信息。 –

您可以異步嘗試loadCss.js庫。

混帳https://github.com/filamentgroup/loadCSS

用法：loadCSS("path/to/mystylesheet.css");

來源

2017-06-05 15:27:53

在我看來，bootstrap-table css已經加載到我的文件中，因爲，正如我所說的，在頁面的第一次加載中，bootstrap-table css工作。這個JS庫。只需在隨後加載的文件頭中追加鏈接標籤，如您提供的鏈接中所述。這將使兩個引用相同的CSS文件。 –

我能夠解決調用Ajax的成功函數這種方法的問題：

$('#table').bootstrapTable();

就這樣，從寶石的默認方法和風格被填寫。

來源

2017-06-05 16:58:06

ajax調用後自舉表css不加載

回答

相關問題