Question

当我动态添加包含按钮的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添加到ul中的某个位置时，为什么当我只是追加li并且不正确时，按钮是否正确呈现？

这是插入后按钮的html：

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

Answer 1

我认为您的问题是您实际上是在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/

jquery移动附加按钮无法正确呈现

1 个答案: