views:

8

answers:

0

Hi,

I'm using Django and lastest JQuery, and JQuery UI in my project. Created a tabpanel using UI widgets, its loading sub pages with Ajax. But loaded pages with javascripts is broken and redirects back to current URL

I.E

$('#tabs1').tabs({
      cache:false,
      cookie: {
        expires: 1
     },                            
     select: function(event, ui) {
        var uri = ui.tab.rel;
        if( uri ) {
          location.href = uri;
          return false;
        }
        return true;
     },                         
     load: function(event, ui) { 
         // loading callbacks that needs for sub pages
         // for example if I load a callback in load event

         $('.toggleit', ui.panel).togglable();

         // All links are not working with class ".toggleit"
         // Example: **If i load page , "/project/1" from browser, 
            click "toggleit" link for toggle a DIV, 
            its loads back "/project/1" url**

     }
)}; 

I'm calling javascripts functions and JQuery plugin callbacks inside onLoad event for TabPanel.

So, how can i load properly external loaded pages with javascript on JQuery UI TabPanel ?

Thanks.