2012-02-02 73 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溢出选项。那就是诀窍。希望可以帮助别人解决这个问题... :)