2012-02-02 74 views
1

早安SO,jquery移動動態列表單元格高度

所以我有一個簡單的問題,我似乎無法找到任何地方。有誰知道如何根據內容的高度動態調整列表視圖單元的高度?我創建的細胞是這樣的:

$threadTable.append(
       $('<li>').append(
        $('<img>').attr('src',"photo/url").attr('onerror','imageError(this);'), 
        $('<h3>').text(message.username), 
        $('<p>').html(message.body ? message.body : "There is no message text for this message")     
       )); 

我希望添加CSS自動換行屬性爲<p>會做的伎倆,但很可惜,在內容外格仍四溢。有誰知道什麼可以解決這個問題,以增加細胞的高度?謝謝!

只是試圖做到這一點: $('<p>').html(message.body ? message.body : "There is no message text for this message").css({"overflow":"visible"})

沒有骰子...

+0

我會看http://jquerymobile.com/demos/1.0.1/docs/lists/lists-formatting.html格式和http:// jquerymobile.com/demos/1.0.1/docs/lists/docs-lists.html動態刷新 – 2012-02-02 14:27:24

+0

我找到了一個CSS解決方案... – gabaum10 2012-02-02 14:31:32

回答

2

所以,我發現了一個CSS解決方案,它的工作原理:

.ui-li-desc { 
     overflow: visible !important; 
     white-space: normal !important; 
    } 

基本上你只需要覆蓋默認JQM溢出選項。那就是訣竅。希望可以幫助別人解決這個問題... :)