2015-06-03 73 views
1

我想复制一个活动标签的标题就能够复制文本标题,但我不能突出活动标签上的文字。 我试过这个,但是我不能让它工作。如何被激活的标签

<ul class="nav nav-tabs"> 
    <li class="active"><a href="#" class="enableSelect">Home</a></li> 
    <li><a href="#">Profile</a></li> 
    <li><a href="#">Messages</a></li> 
</ul> 


.enableSelect { 
    -moz-user-select: text; 
    -webkit-user-select: text; 
    -ms-user-select: text; 
} 

Tabs example

回答

0

也许它不完全支持这是Mozilla公司的网站上说

此功能是非标准的,而不是一个标准的轨道。不要 在面向Web的生产站点上使用它:它不适用于每个 用户。 实现之间也可能存在大的不兼容性,并且行为可能在将来发生变化。

使用jQuery切换活动链接

$(function() { 
    $("li").click(function() { 
     // remove classes from all 
     $("li").removeClass("enableSelect"); 
     // add class to the one we clicked 
     $(this).addClass("enableSelect"); 
    }); 
}); 

或者你可以用它来获取点击元素的文字

$(function() { 
     $("li").click(function() { 
      var text = $(this).text() 
     }); 
    }); 
+0

你好这个类只是增加了标签,但是类是仍然无法工作,我无法从标题活动标签中选择任何文本。 – fer

+0

@fer检查我的编辑 – Nakib

+0

这是一个很好的想法,但我不知道为什么文字是不可选择,用户希望能够复制的页眉或它的一部分,你的解决方案的所有文字总是选择。 – fer