0

我有一個數據表自舉個tabpanel內圖片採場響應

第一次加載頁面和活動面板顯示,然後我點擊,它包含表,一切都很好的選項卡上,我的圖片響應,像這個:enter image description here

然後我單擊另一個選項卡上,當我回到我以前的一個,我得到一個無響應的圖像,像這樣: enter image description here

當點擊標籤,我調用一個函數做一個ajax調用,回顧一個局部視圖。我插入了標準視圖作爲標籤內容,這是我該如何做的:

$('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

bootstrap的.img響應集最大寬度:100%; height:auto;並顯示:block。它是一樣的圖像。 –

+0

你可以附加到你的文章呈現的HTML嗎? – kosmos

回答

0

檢查谷歌瀏覽表中的表,發現首先,th的寬度設置爲69px。在第二種情況下,它被設置爲360px。我把它固定在69,現在一切都好。我不知道爲什麼會發生這種情況。