jQuery Mobile listview() mit data-filter="true" - und ajax-content

Dies ist mein html:

<ul data-role="list-view" data-filter="true"></ul>

Mein JS lädt die ul mit Daten und dann rufe ich listview().

$('#page').live('pagebeforecreate', function(){
        //My Ajax code
    });
    $('#page').live("pageinit", function(){
        $('#page ul').listview();
    });

Dass funktioniert, außer die Suchleiste oben nicht angezeigt wird. Was bin ich?

InformationsquelleAutor Amir | 2011-11-29
  1. 4

    Haben Sie

    data-role="list-view"

    Wenn das Recht Weg ist

    data-role="listview"

    dass ist der Grund, warum die Suchleiste oben nicht angezeigt wird.

    • Kann das nicht glauben. Es war falsch eingegeben! Vielen Dank!
    InformationsquelleAutor Pablo
  2. 0

    Ich glaube, Sie brauchen, um zu verwenden $('#page ul').listview('refresh'); statt nur $('#page ul').listview();. Sie müssen aktualisieren Sie jQuery-Mobile-Komponente, wenn Sie es aktualisieren via Ajax.

    • Wenn ich das mache, dann bekomme ich diese Fehlermeldung im firebug: uncaught exception: cannot call methods on listview vor initialization; attempted to call method 'aktualisieren'
    • Sie schrieb data-role="list-view" statt data-role="listview". Kann es etwas damit zu tun?
    InformationsquelleAutor Pablo
  3. 0

    Müsste man rufen:

    $('#page ul').listview('create');

    nachdem Sie fertig sind, füllen Sie Ihre Liste mit jscript.

    Aktualisieren Sie den Inhalt (erst nach der Schöpfung), könnten Sie rufen:

    $('#page ul').listview('refresh');

    sehen jqm Dokumentation

    InformationsquelleAutor Leon
  4. 0

    Statt $('#page').live("pageinit", function(){
    $('#page ul').listview();
    });

    Folgendes tun:

      $('#page').live("pageinit", function(){
    init();
    });


<ul id="mylist" data-role="listview" data-theme="b" data-filter="true" >

</ul>

function init()
{
    type: "GET",
   $.ajax({
     url: "BirthdayInvitations.xml",
    dataType: "xml",
    success: function ParseXml(xml)
    {
         $(xml).find("event").each(function() {  
     $("#mylist").append('<li><a href="' + "#" + '">' +this.textContent + '</a></li>');
     }); 
     $("#mylist").listview('refresh');   
     }}); 

   }

This is working i tried it out and i am using in my application.
    • Dies funktionierte nicht für mich. Ich habe diesen Fehler im firebug: uncaught exception: cannot call methods on listview vor initialization; attempted to call method 'aktualisieren'
    InformationsquelleAutor shyamshyre
Schreibe einen Kommentar