JQuery easyUI创建

今天学习到的知识,分享一下:
  JQuery easyUI创建
<div style="margin-bottom: 10px">
    <a href="#" class="easyui-linkbutton" onclick="addTab('google','http://www.baidu.com.hk')">baidu</a> 
    <a href="#" class="easyui-linkbutton" onclick="addTab('jquery','http://www.jquery.com/')">jquery</a>
    <a href="#" class="easyui-linkbutton" onclick="addTab('easyui','http://jquery-easyui.wikidot.com')">easyui</a>
</div>
<div id="tt" class="easyui-tabs" style="width: 400px; height: 250px; border:1px solid #a3a3a3;">
    <div title="Home">
    </div>
</div>

方法调用

function addTab(title, url)
{	
	if ($('#tt').tabs('exists', title))
	{ 
		$('#tt').tabs('select', title); 
	} 
	else
	 {
		  var content = '<iframe scrolling="auto" frameborder="0" src="'+url+'" style="width:100%;height:100%;"></iframe>'; 
		  alert(url);
		  $('#tt').tabs('add',{ title:title, content:content, closable:true }); 
      }
}

来自:http://www.kqiqi.com/knowledge/program/538.html

posted @ 2012-03-26 15:31  Bonnie_xj  阅读(212)  评论(0)    收藏  举报