Hi all,
I am working with jquery ui tabs with ajax load. its everything OK .
but when first tab is ajax load then.... after first time load if i do
it refresh or press F5 button... after that no event trigerd. what is
the problem with jquery ui tabs. if any one can please help me.
if first is non Ajax then after refreshing page every event is triggered.
<!doctype html>
<html lang="en">
<head>
<title>jQuery UI Tabs - Content via Ajax</title>
<link type="text/css" href="../../themes/base/ui.all.css"
rel="stylesheet" />
<script type="text/javascript" src="../../jquery-1.3.2.js"></script>
<script type="text/javascript" src="../../ui/ui.core.js"></script>
<script type="text/javascript" src="../../ui/ui.tabs.js"></script>
<script type="text/javascript" src="../../ui/jquery.ba-url.js"></script>
<link type="text/css" href="../demos.css" rel="stylesheet" />
<script type="text/javascript">
$(function() {
var tabs = $( 'div#tabs' ),in_event;
tabs.tabs({
cache:true,
select: function( event, ui ) {
if ( in_event ) {
}
else{
var obj = {};
obj[ this.id ] = ui.index; // Set tab_group = index
$.setFragment( obj );
}
return in_event;
}
});
function parse_fragment() {
in_event = true;
var params = $.fragment( true );
tabs.each(function(){
$(this).tabs( 'select', params[ this.id ] !== undefined ?
params[ this.id ] : 0 );
});
in_event = false;
};
$.fragmentChange( true );
$(document).bind( 'fragmentChange.tabs', parse_fragment );
parse_fragment();
});
</script>
</head>
<body>
<div id="tabs">
<ul>
<li><a href="ajax/content2.html">normal Tab 1</a></li>
<!-- it is the issue-- or if it is non Ajax then no problem>
<li><a href="ajax/content1.html" >Ajax Tab 1</a></li>
<li><a href="#basic2" >Ajax Tab 2</a></li>
</ul>
<div id="basic"> this is test for normal tab 1</div>
<div id="basic2"> this is test for normal tab 22</div>
</div>
</body>
</html>
--
Nazmul Hasan
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to jquery-ui@googlegroups.com
To unsubscribe from this group, send email to
jquery-ui+unsubscr...@googlegroups.com
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en
-~----------~----~----~----~------~----~------~--~---
