Bootstrap 4 Display Display Property не будет работать с jQuery .load () - PullRequest
Новая
       15

Bootstrap 4 Display Display Property не будет работать с jQuery .load ()

0 голосов
/ 03 ноября 2019

Я пытаюсь показать html (в данном случае таблицу), который импортируется с помощью jQuery.load () вместе со свойством загрузки начальной загрузки. Вот код: 

                  <div class="table d-none d-lg-block" style="width: 100%">
                    <div id="includedContent"></div>    
                  </div>

                  <div class="table-responsive d-lg-none d-xl-none" style="width: 100%">
                    <p>John Doe</p>
                    <div id="includedContent"></div>
                  </div>

Как вы можете видеть, нижний включенный контент должен показываться только ниже большого размера - и это действительно работает, «Джон Доу» появляется только ниже большого размера - и приведенная выше таблица получаетскрытый. Однако проблема заключается в том, что включенный контент не появится. Вот мой код для включенного контента: 

$("#includedContent").load("bigdatatable.html", function(){
  /// new html exists now
  $('#myTable').DataTable(/*options*/)
});

Есть идеи? Так как таблица уже была вызвана, она остается скрытой и не вызывается? Спасибо.

РЕДАКТИРОВАТЬ: если я переключаю ордер, он делает противоположное - таблица показывает внизу большим, но не показывает над ним. 

                  <div class="table-responsive d-lg-none d-xl-none" style="width: 100%">
                    <p>John Doe</p>
                    <div id="includedContent"></div>
                  </div>
                  <div class="table d-none d-lg-block" style="width: 100%">
                    <div id="includedContent"></div>    
                  </div>
...