Как вставить дочерние элементы в просмотр списка?

Question

У меня есть просмотр списка UL. Я хочу вставить элементы LI в него через функцию, которая выплевывает отдельные LI. append () не работает для меня. Есть предложения?

Answer 1

Вам необходимо использовать .listview ('refresh');

Рабочий пример:

• http://jsfiddle.net/phillpafford/AfedX/2/
• http://jsfiddle.net/phillpafford/AfedX/3/ (добавлениепереход на обе страницы)

JS:

$('#li-nav').append('<li><a href="#page2">Page 2</a></li>').listview('refresh');

HTML:

<div data-role="page" id="home"> 
    <div data-role="content"> 
        <ul data-role="listview" data-inset="true" data-theme="c" data-dividertheme="f" id="li-nav"> 
            <li data-role="list-divider">Navigation</li> 
            <li><a href="#page1">Page 1</a></li> 
        </ul> 
    </div>
</div>

<div data-role="page" id="page1"> 
    <div data-role="content"> 
        <ul data-role="listview" data-inset="true" data-theme="c" data-dividertheme="f"> 
            <li data-role="list-divider">Navigation</li> 
            <li><a href="#home">Home</a></li> 
        </ul> 
    </div>
</div>

<div data-role="page" id="page2"> 
    <div data-role="content"> 
        <ul data-role="listview" data-inset="true" data-theme="c" data-dividertheme="f"> 
            <li data-role="list-divider">Navigation</li> 
            <li><a href="#home">Home</a></li> 
        </ul> 
    </div>
</div>

Answer 2

Пробовали ли вы следующий код: (это должен быть один li к ol или ul)

$(“<li>Your Value</li>”).appendTo(“#yourlistboxid”);

или как то так

$("<li />")
  .append(
    $("<a />")
     .attr("href" ,"http://stackoverflow.com")
     .text("Hello"))
  .click(function() {
    alert('hi');
  })
  .appendTo("#saved-list");

Я не знаю о jquery-mobile, но он должен работать.