Har en UpdatePanel där jag dynamiskt laddar in användarkontroller. Pictures.ascx är den som laddas in från början. I denna användarkontroll använder jag script acolous drag and drop-funktionalitet. Problemet är bara att det går inte att flytta bilder när användarkontrollen laddats in, det är precis som om javascriptet inte existerar. Däremot, om jag uppdaterar innehållet i UpdatePanel:n så fungerar allting som det ska. Detta har jag förstått beror på att html-koden från UpdatePanel:n renderas efter sidan laddats in?
Nu letar jag efter ett tillvägagångssätt att trigga mitt javascript efter UpdatePanel:n renderats så att det går att flytta ens bilder direkt när man går in på sin profil.
Har testat att lägga in referensen till mitt javascript under all html-kod i förhoppningen att alla element laddats klart innan javascriptet körs. Men detta löste tyvärr inte mitt problem.
Mitt javascript ser ut som följer, om det är relevant att ha för er:
Sortable.create("puzzle",
{
tag: 'div',
overlap:'horizontal',
constraint: false,
onUpdate: function()
{
new Ajax.Request("SaveLocations.aspx",
{
method: "post",
parameters: { data: Sortable.serialize("puzzle") }
});
}
});