jQueryUI Sortable + jQuery Live + innerHTML

[digital-IMEI]

Hey mensen,

ik ben me de hele avond al aan het rotzoeken om iets werkend te krijgen maar (hoogst) waarschijnlijk is mijn JavaScript kennis toch verre van voldoende...

Het geval;
Ik maak gebruik van de jQueryUI Sortable optie, dit werkt ook allemaal goed als ik de pagina direct oproep.

Als ik dan verder ga en jQuery Sortable in een div wil inladen mbv innerHTML gaat het mis. Daar is de zoektocht begonnen en ben ik erachter gekomen dat dit niet werkt doordat de JavaScript al eerder geladen is. Deze zal ik dus opnieuw moeten laden/koppelen waarbij ik na heel lang zoeken uiteindelijk bij Live Query ben uitgekomen en daar is de ellende begonnen.

Om te testen krijg ik het onderstaand nog wel werkend

JavaScript:

$('img') 
    .livequery('click', function(event) { 
        alert('clicked'); 
        return false; 
    });

Maar wat ik ervoor moet doen om een sortable <UL> werkend te krijgen... Al sla je me dood!

Nu wil ik gerust de code wat ik geprobeerd heb hier gaan posten maar gezien mijn JavaScript kennis denk ik er verstandig aan te doen om dit tegen alle regels in niet te doen

Als iemand mij een beetje op weg kan helpen, heel graag!

[XWB]

Het geheel in een functie gieten en die functie elke keer aanroepen na het inladen, vlak onder het element?

[Red Baron]

jQuery ondersteund het zelf ook al dus je hebt er niet nog eens een losse plugin voor nodig:

http://api.jquery.com/live/

[OxiMoron]

Dat voorbeeld daar maak gebruik van jquery 1.2, ik zou zeggen update naar 1.4 met 1.8 van de UI library. (beide via jquery.com).

Ik denk dat het probleem hem in de sortable zit die niet de live functie gebruikt voor z'n bindings.

Je kunt proberen om nadat je de UL in die div hebt geplaatst opnieuw de sortable toevoegen.

[Tharulerz]

Probeer eens een $(document).ready(function(){}); te zetten achter je .innerhtml, en daarbinnen je sortable te zetten. Als je html toevoegt kan je best altijd wachten tot de DOM opnieuw klaar is...

[Peetman]

je kan ook delegate() gebruiken om de handler aan een parent element te hangen dat al wel geladen is.

Is ook wel jQuery 1.4