autodividers jquery mobile listview不工作的選擇器

我試圖用"Autodividers" section of the List views section of the jquery-mobile documentation中描述的jQuery-mobile listview的autodividersSelector選項。autodividers jquery mobile listview不工作的選擇器

該列表呈現罰款，但沒有任何分配器。分配給autodividersSelector的函數永遠不會被調用。

這裏還有一些其他的複雜因素，比如jsrender等，所以我會讓它們保持完好，但你會在下面看到它們，我不認爲它們是問題的一部分。我錯過了什麼？

相關代碼如下：

<div data-role="page" id="myListPage"> 

    <div data-role="content"> 

     <ul id="myListView" 
      data-role="listview" 
      data-autodividers="true" 
      > 

     </ul> 

    </div><!-- /content --> 

</div><!-- /page --> 


<script type="text/javascript"> 
$("#myListPage").on("pagebeforecreate", function(event) { 
    renderTemplates(); 
}); 

function renderTemplates() { 
    var data = { 
     testItems: [ 
      {name:1}, 
      {name:2}, 
      {name:3}, 
     ] 
    }; 
    $('#myListView').html(
     $('#myTemplate').render(data) 
    ); 
} 

/********** FORMATTING **********/ 
$("#myListPage").on("pagecreate", function (event) { 
    console.log("pagecreate"); 
    $("#myListView").listview({ 
     autodividers: true, 

     autodividersSelector: function (li) { 
      console.log("autodividersSelector"); 
      var out = "hi"; //var out = $(li).find("h3").text; 
      return out; 
     } 
    }); 
    $("#myListView").listview("refresh"); 
}); 
/********** FORMATTING **********/ 

</script> 
<script id="myTemplate" type="text/x-jsrender"> 

    {{for testItems}} 
     <li><a href="#"> 
     <h3>Name: {{:name}}</h3> 
     <p>Test: {{:name}}</p> 
     </a></li> 
    {{/for}} 

</script>

來源

2012-05-24 Scott Willeke

您鏈接到該文件是實驗性的。你正試圖實現一些尚未完成的事情。注意url如何表示測試。

來源

2012-05-25 07:14:28 codaniel

哈！我看到測試和想法很奇怪。不會因爲這個問題變得更加明確而被列爲「未實施」或文檔中的內容。謝謝你！ –

是的，我同意你的第三個人，我見過類似的問題。 – codaniel

darn！這裏是目前的'穩定'鏈接：http://jquerymobile.com/demos/1.1.0/docs/lists/docs-lists.html – commonpike

autodividers jquery mobile listview不工作的選擇器

回答

相關問題