Question

In the left menu is use this script to load a new page in a div:

$("#button").live('click',function(){
                $("#content")
                .html(ajax_load)
                .load("page.html");
            });

In the page.html there’s some javascript to add some UI elements using ajax (also with jquery).

When i click the same left menu item 5 times (so the divs loads 5 times), it seems that the javascript in page.html gets copied. when i call a function in the page.html its get executed 5 times!!

How to fix this?

Answer 1

If you use live() for anything inside page.html the event handler will persist even if a new page.html is loaded that’s probably why you have the same execution multiple times.