2013-08-19 172 views
0

我想在JavaScript中增加以下水平滾動:故障動態表

if (parseInt($('#' + tableName + 'Table').width()) > parseInt($('#' + tableName + 'Table').parent().width())) { 
        console.log("Here"); 
        $('#' + tableName + 'Table').css('overflow-x', 'scroll'); 
       } 

而且它登錄到控制檯,但沒有水平滾動條...

回答

2

變化

$('#' + tableName + 'Table').css('overflow-x', 'scroll'); 

$('#' + tableName + 'Table').parent().css('overflow-x', 'scroll'); 

父元素是需要overflow-x屬性的元素。

此外,你不需要javascript的這個功能。您可以將overflow-x: auto;設置爲父元素,如果其內容太寬,它會自動添加滾動條。

+0

謝謝,完美 - 我不會猜到的。但現在我想到了這一點,這確實是有道理的。 – Lurk21

0

顯然你的jQuery選擇器是錯誤的。您可以輕鬆地記錄$('#' + tableName + 'Table')或用調試器遍歷代碼以查看該元素不存在或不是正確的元素。你的下一步將是找出合適的選擇器。在這種情況下,您需要定位父項$('#' + tableName + 'Table')