读书人

jquery easyui 的tabs选中事件解决方案

发布时间: 2012-05-27 05:42:30 作者: rapoo

jquery easyui 的tabs选中事件
我现在在一个tabs里面有2个标签Tab1、Tab5,想在选在使用Tab5的时候能执行一个js,弹窗什么的都行,应该怎么写?

HTML code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>    <title>Tabs</title>        <script src="../jquery-1.4.2.min.js" type="text/javascript"></script>    <script src="../jquery.easyui.min.js" type="text/javascript"></script>    <link href="../themes/default/easyui.css" rel="stylesheet" type="text/css" />    <link href="../themes/icon.css" rel="stylesheet" type="text/css" /></head><body>    <div id="tt" class="easyui-tabs" style="width:500px;height:250px;">        <div title="Tab1" style="padding:20px;display:none;">            <h1>Tab1 Content</h1>        </div>                <div title="Tab5" closable="true" style="padding:10px;display:none;">            <div class="easyui-tabs" fit="true" plain="true" style="height:100px;width:300px;">                <div title="Title1">Content 1</div>                <div title="Title2">Content 2</div>                <div title="Title3">Content 3</div>            </div>        </div>    </div></body></html>


[解决办法]
$('#tt').tabs({
border:false,
onSelect:function(title){
//alert(title+' is selected');
}

读书人网 >Ajax

热点推荐