jquery 动态添加tab 效果

jquery 动态添加tab 效果,第1张

$("#tab").tabs(".tabContent", {

tabs: "input"

})

试试把这上面的 tabs 功能定义为一个 function

例如

function tabs_run() {

....

}

然後在 click function 里面捕捉 event 完结时侯再次呼叫这个 tabs_run()

例如

$('#add').live('click', function() {

.....

tabs_run()

}

不过我疑惑了,你的 tabContent 没有设置 rel 或者 id… Tabs 是怎样侦测 index 的呢?

点击哪个 <li>会 load 哪个 tabContent 呢?

$(".menu li>a").click(function(){

var myobj=$(this).parent()

myobj.addClass("menu_on").siblings().removeClass("menu_on")

myobj.find(".subMenu").slideDown().parent().siblings().find(".subMenu").slideUp ()

在这一行下面,把菜单追加到topMenu里

$('.topMenu').append('<a href="'+$(this).attr("herf")+'"><span>$(this).text()</span><i></i></a>')

})

不过追上加上去的菜单是没有绑定事件的,你再选择新加的这个节点,加上点击事件

$('.topMenu a').last().click(function(){

//处理点击事件

})

<html>

<head>

<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8">

<title>jQuery插入,复制、替换和删除节点</title>

<script type="text/javascript" src="jquery-1.7.js"></script>

<script type="text/javascript">

function onload(){

var $div1=$("<div style=\"background-color:990width:90pxheight:90px\" id='dateOfListParent'></div>")

$("#x").append($div1)

var $div=$("<div id='sijiDateOfList' style='height:90pxwidth:500pxmargin-left:50pxbackground-color:#39F'></div>")

$("#dateOfListParent").append($div)

var $table=$("<table border='1' id='sijitable' style='margin-left:50px'><tr><td>xcccccc</td></tr></table>")

$("#sijiDateOfList").append($table)

var $tr=$("<tr id='tr'></tr>")

$("#sijitable").append($tr)//问题这里吧

var $td=$("<td>list5</td>")

$("#tr").append($td)

}

</script>

</head>

<body onLoad="onload()">

<p id="x">你好!</p>

</body>

</html>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11563097.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-17
下一篇 2023-05-17

发表评论

登录后才能评论

评论列表(0条)

保存