[jQuery] bewerkingen op asynchroon gelade unordered list

[Verwijderd]

Hoi,

Voor een website ben ik bezig met een liveSearch welke ik op internet heb gevonden.

De search heeft een input en een unordered list

HTML:

<input id="search" type="text" />
<ul id="list"></ul>

Via jquery laad ik data in de lijst:

JavaScript:

$('#list').load('/search/organization');
$('#search').liveUpdate('#list').focus();

Maar nu wordt de data wel geladen maar de search werkt niet meer.
Wanneer ik statische informatie in de lijst laad. Dus:

HTML:

<input id="search" type="text" />
<ul id="list"><li>test1</li><li>test2</li></ul>

Werkt de search wel gewoon. Ik denk dat het iets met de cache te maken heeft en ik heb ergens al iets gevonden over unbind van jQuery. Maar ik kom er op dit moment niet meer uit. De liveUpdate functionaliteit heb ik op internet gevonden en heeft de volgende code:

JavaScript:

jQuery.fn.liveUpdate = function(list){
  list = jQuery(list);
  if ( list.length ) {
    var rows = list.children('li'),
      cache = rows.map(function(){
        return this.innerHTML.toLowerCase();
      });
      
    this
      .keyup(filter).keyup()
      .parents('form').submit(function(){
        return false;
      });
  }
    
  return this;
    
  function filter(){
    var term = jQuery.trim( jQuery(this).val().toLowerCase() ), scores = [];
    
    if ( !term ) {
      rows.show();
    } else {
      rows.hide();

      cache.each(function(i){
        var score = this.score(term);
        if (score > 0) { scores.push([score, i]); }
      });

      jQuery.each(scores.sort(function(a, b){return b[0] - a[0];}), function(){
        jQuery(rows[ this[1] ]).show();
      });
    }
  }
};

Misschien dat iemand me een vingertje in de juiste richting kan wijzen.

Alvast bedankt!

[ Voor 0% gewijzigd door BtM909 op 24-08-2010 10:59 ]

[BtM909]

En waar is je (niet)werkende testcase?

Ik ben ook benieuwd of je bekend bent met tools als firebug waarin je kan zien wat je code aanpast aan je huidig document, wat het debuggen wat makkelijker maakt

[Verwijderd]

Sorry heb het inmiddels werkend.
Na een hele dag aankloten met jQuery dat conflicteerde met ZFDebug bleek dat ik uiteindelijk een <ul> in een <ul> importeerde ipv een li.

Ik ben bekend met firebug en andere meuk maar dit waren zoveel conflicten dat het niet afdoende was.

[Tharulerz]

Verwijderd schreef op dinsdag 24 augustus 2010 @ 11:15:
Sorry heb het inmiddels werkend.
Na een hele dag aankloten met jQuery dat conflicteerde met ZFDebug bleek dat ik uiteindelijk een <ul> in een <ul> importeerde ipv een li.

Ik ben bekend met firebug en andere meuk maar dit waren zoveel conflicten dat het niet afdoende was.

Firebug had je anders perfect kunnen doen inzien dat je code op moment van runtime een <li> in een <li> bevatte.

[Verwijderd]

Tharulerz schreef op dinsdag 24 augustus 2010 @ 11:18:
[...]


Firebug had je anders perfect kunnen doen inzien dat je code op moment van runtime een <li> in een <li> bevatte.

Ja dat had gekund ja snip maar als je eerst tegen dat ZFdebug conflict aanloopt ga je niet alle variablen na of daar misschien ook nog wat fout is. Tevens bevatte mijn <ul> een <ul>.

[ Voor 1% gewijzigd door BtM909 op 24-08-2010 13:52 ]

[R4gnax]

Verwijderd schreef op dinsdag 24 augustus 2010 @ 12:28:
[...]

Ja dat had gekund ja wijsneus maar als je eerst tegen dat ZFdebug conflict aanloopt ga je niet alle variablen na of daar misschien ook nog wat fout is. Tevens bevatte mijn <ul> een <ul>.

Nee dan zet je ZFDebug uit en ga je alsnog kijken met Firebug, duh?

[Verwijderd]

R4gnax schreef op dinsdag 24 augustus 2010 @ 13:11:
[...]


Nee dan zet je ZFDebug uit en ga je alsnog kijken met Firebug, duh?

Laat dat nou precies zijn wat er gebeurt is. Maar goed het werkt, klaar.

[BtM909]

Je kan ook even wat normaler reageren op je mede-users. Let daar even op!