jquery dynamically loaded tab with a script inside

Question

JQuery UI let us have tabs loaded dynamically:

http://jqueryui.com/demos/tabs/#ajax

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.

Answer 1

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

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