2012-02-01 3 views
0
<!DOCTYPE html> 
<html> 
<head> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <link rel="stylesheet" 
      href="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.css" /> 
    <script src="http://code.jquery.com/jquery-1.6.4.min.js"></script> 
    <script src="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.js"></script> 
    <script> 
     $("#local").live('pageinit', function(evt) { 
      //$(document).ready(function(){ 
      var edit = $('#edit'); 
      edit.append('<li>test1</li>'); 
      edit.listview('refresh'); 
     }); 
    </script> 
</head> 
<body> 

<div data-role="page" id="index"> 
    <div data-role="content"> 
    <ul data-role="listview" data-inset="true"> 
     <li> 
     <a href="#local"> 
      <h3 class="ui-li-heading">Local Storage Test</h3> 
      <p class="ui-li-desc">Just a test</p> 
     </a> 
     </li> 
    </ul> 
    </div> 
</div> 

<div data-role="page" data-add-back-btn="true" id="local"> 
    <div data-role="content"> 
    <ul id="edit" data-role="listview" data-inset="true"> 
     <li>ntry already there. Append works...</li> 
    </ul> 
    </div> 
</div> 
</body> 
</html> 

Так что моя проблема находится на второй странице. Я просто добавил новый элемент и обновил представление списка только для загрузки css jqm. Но если я использую все, что является хорошим pageInit, кроме круглых углов списка (data frame = "true"). Он не казался округленным, но я проверил загрузку css и должен быть весь год. Но когда используется document.ready, все в порядке. По углам просмотра списка! Пожалуйста, помогите мне, потому что я не хочу использовать document.ready.jQuery Mobile - listview data-inset on refresh

ответ

0
$("#local").live('pagecreate', function (evt) { 
    var edit = $('#edit'); 
    edit.append($('<li>test1</li>')) 
}); 

Попробуйте заменить выше код мира