jquery dynamically loaded tab with a script inside

Question

JQuery UI let us have tabs loaded dynamically:

My question is: if the dynamically loaded tab needs scripts, how do I need to write them?

Should I use a $(document).ready method again? like that:

Tab1.html

<script>
    $(document).ready(function () {
       alert("hello");
    });
</script>
<p>Tab Content</p>

----------------- end of tab1.html -----------------

In this example the alert shows each time the tab is displayed.

N Rohler · Accepted Answer · 2011-10-15 21:37:58Z

1

When creating your tabs, you need to set cache:true like this:

$("#tabsWrap").tabs({
   ...
   cache: true 
   ...
});

answered Oct 15, 2011 at 21:37

N Rohler

4,61526 silver badges20 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

This is excellent! it certainly look obvious once you know it.