Question

jquery 选项卡问题：当点击一个链接时，它的文本显示在选项卡title中且能显示内容

我想要做的显示的内容不是herf得来的，而是内容直接存放在同个页面上的且内容的绑定事件转到选项卡时要一样有效果。在静态页面html实现
可能我上面说得不够清楚，我在说下，我想要的效果是：点击<a>链接后 动态添加选项卡(tabs) 并把页面内的一个显隐的<div id=“id1”>移到选项卡内作选项卡的显示内容。

Answer 1

<span id="myItem">选项卡</span>
<a id="myContent">这里是要显示在选项卡的内容</a>

js：
jQuery("#myContent").click(function(){
var myContent = jQuery("#myContent").val();
//把a标签的内容显示在选项卡中
jQuery("#myItem").html(myContent) ;

//把a标签的内容显示在选项卡的title属性中
jQuery("#myItem").attr("title",myContent) ;
});

不知道我理解的对不对

追问

你好，谢谢你的回答，但和我想要的还有点不同,
在同个页面上有内容1内容2..以此相同每个目录都有对应的内容显示，然后点目录i在选项卡内显示对应的内容i，选项卡是动态显示的，有点击目录时才添加选项卡。每个内容里面都有事件绑定，我想过用clone()克隆内容1再删除前一个id，因id只能惟一个，但事件有时无法实现效果。

追答

New Document

目录1目录2

jQuery(document).ready(function(){

//获取原有目录，绑定单击事件
jQuery("#sysItem div").each(function(index){
jQuery(this).bind("click",function(){
alert(index);
//判断动态生成的目录是否已经存在 0:不存在 1:已存在
if(jQuery("#myItem"+index).length == 0){
jQuery("#myItem").append(''+jQuery(this).html()+'');
jQuery("#allContent").html(jQuery(this).html()+jQuery(this).attr("title"));
}else{
jQuery("#allContent").html(jQuery(this).html()+jQuery(this).attr("title"));
}
});
});
});

我的理解，是第一次点击某个目录把该目录加到动态显示栏，以后就留在那，只是再次点此的时候切换一下样式，变成选中状态吧。至于要给当前选中的加样式，自己加吧

追问

你好，那个很感谢你的热心回答。你的方法我以前也有试过了，不过我想获取的内容不是在标签内的,而是相当于把一个移到选项卡内。

追答

jQuery(document).ready(function(){

//获取原有目录，绑定单击事件
jQuery("#sysItem div").each(function(index){
jQuery(this).one("click",function(){
//判断动态生成的目录是否已经存在 0:不存在 1:已存在
jQuery(this).clone().appendTo("#myItem");
jQuery("#allContent").html(jQuery(this).html()+jQuery(this).attr("title"));

});
});
});
上面的js换点看看，是不是你想要的，我把点击事件改成每个目录只能执行一次的了，我用的也是clone的方法，

Answer 2

现在你的问题是不是 .clone()方法，没有将克隆对象的事件带过来？

追问

是，我知道跟id有关，但我已把本身的id去掉了还是不行。

追答

.clone(true),这样调用就可以了~~~

追问

试过了，不行！有些效果还是无法显示。呵呵 我就是因用克隆的方法实现不了，才想来这问问看还有没有别的方法实现我想我的。

追答

.clone(true)是深度克隆，会连带事件一起复制过去的，与单独的.clone()方法不一样的哈