0

У меня есть DataTables в загрузочном tabpanelСтоупса Image быть отзывчивым

Page первых нагрузки и активную панель отображается, то я нажимаю на вкладке, которая содержит таблицу, и все это хорошо, мои изображения отзывчивы, как это: enter image description here

Затем я нажимаю на другую вкладку, и, когда я вернусь к моей предыдущей, я получаю нон отзывчивый образ, например: enter image description here

при нажатии на вкладку, я вызываю функцию, делает вызов ajax, который перенастраивает частичный вид. Я вставляю мнение parial как содержание вкладки, Это как я это делаю:

$('a[data-toggle="tab"]').on('show.bs.tab', function(e) { 
    var targetDivId = e.target.hash; 
    if (targetDivId === '#myspesificdiv') { 
     callAction(url, targetDivId); 
    } 
}); 

function callAction(url, divId) { 
    $.ajax({ 
     url: url, 
     dataType: 'html', 
     success: function (data) { 
      $(divId).html(data); 
     } 
    }); 
} 

Что случилось? спасибо

+0

Я думаю, что это проблема с CSS. Используя CSS, принудительно увеличивайте ширину изображения или, лучше, увеличивайте его родительскую ширину и установите для свойства 'max-width' значение' 100% '. Другая возможность заключается в том, что вы загружаете неправильные изображения. У вас большие и маленькие изображения? Или это всегда одинаковое изменение размера? – kosmos

+0

загрузочные бутстрапы .img-чувствительные наборы max-width: 100% ;, height: auto; и дисплей: блок. Это тот же образ. –

+0

Можете ли вы добавить к своему сообщению рендер html? – kosmos

ответ

0

Проверял таблицу в Google Chrome, выяснил, что вначале ширина th равна 69px. Во втором случае он устанавливается на 360 пикселей. Я только что установил его на 69, и теперь все в порядке. Я не знаю, почему это происходит.