2

当我动态添加一个包含按钮的 li 时，当我像这样添加它时，按钮会正确呈现：

$($ul).append( $li ).trigger('create');
$($ul).listview( "refresh" );
$($ul).trigger( "updatelayout" );

但是我需要在 ul 中的第一项之后添加带有按钮的 li。这会将 li 添加到正确的位置，但按钮无法正确呈现。

$($ul).eq(0).after($( $li )).trigger('create');
$($ul).listview( "refresh" );
$($ul).trigger( "updatelayout" );

我完全被难住了，如果有任何建议，我将不胜感激！！！

澄清我的问题（希望这会有所帮助）：为什么当我只附加 li 时按钮呈现正确，而当我尝试将 li 添加到 ul 中的某个位置时却不正确？

这是插入后按钮的html：

<button class="deleteLiRadio" data-inline="true" data-mini="true" data-shadow="false" data-iconpos="notext" data-icon="delete">Button</button>
4

1 回答 1

2

我相信您的问题是您实际上是在li添加ul.

而不是$($ul).eq(0)应该 $ul.find('li')

例如下面的代码应该做你想做的

  var $ul = $('#myList');
    var $li = $('<li><button class="deleteLiRadio" data-role="button" data-inline="true" data-mini="true" data-shadow="false" data-iconpos="notext" data-icon="delete">Button</button></li>');
    $ul.find('li').eq(0).after($li);
    $ul.trigger('create').listview( "refresh" );
    $ul.trigger( "updatelayout" );

http://jsfiddle.net/rbAc9/1/

于 2013-08-02T22:45:03.880 回答