JS技术

Javascript教程_高仿126邮箱标签式加载页面源码教程_Javascript教程

字号+ 作者:H5之家 来源:H5之家 2015-09-27 11:14 我要评论( )

Javascript教程_高仿126邮箱标签式加载页面源码教程,学习Javascript教程_高仿126邮箱标签式加载页面源码教程,Javascript教程_高仿126邮箱标签式加载页面源码教程

Javascript教程_高仿126邮箱标签式加载页面源码教程

<table>
<tr>
<td>菜单</td><td>内容</td>
</tr>
</table>
点击菜单时,就会在内容创建一个div就是你看的的内容(异步)
当点击其他菜单时,div被隐藏,创建一个新div,
当点击已加载过的内容时,该div则显示而不是重新加载,
判断的时候可以这样来做
$("a").click(function(){
$(".showDiv").hide();
var menu= $("#div"+this.id);
if(menu).length==0){
//todo 异步加载数据并创建显示内容
  $("body").append(menu);
}else{
menu.show();
}
});

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
网友点评