【问题标题】:Add css class onClick with jquery使用 jquery 添加 css 类 onClick
【发布时间】:2016-01-18 16:58:24
【问题描述】:

有人帮我如何用 jquery 添加 css 类?我已经用当前类引导选项卡内容有一个类“active”。

 <div class="tab-content">
   <div class="tab-pane **active**" id="one">
      <div class="row">

我的另一个标签代码是:

    <div class="tab-pane" id="two">
        <div class="row">
            <div class="col-md-12">

如果我单击带有两个id 的选项卡,我想在class="tab-pane" 上添加active 类。

【问题讨论】:

  • 使用 (".tab-pane").addClass("active")
  • bootstrap 为选项卡添加了活动类。
  • 你能解释一下完整的脚本实现吗
  • 如果你使用 Bootstrap,它应该自己做,而不必从头开始。也许你错过了一些东西。您是否正确包含了 Bootstrap 库?!

标签: jquery html css twitter-bootstrap


【解决方案1】:

这应该可以,但 boostrap 已经有了。

$(".tab-pane").click(function(){
      $(".tab-pane").removeClass("active"); //to remove active class from other tabs
      $("this").addClass("active"); //to add active class to clicked tab
    });

【讨论】:

  • 谢谢它对我有用,但我的问题没有解决我认为我的想法错了,无论如何感谢脚本它对我有用
【解决方案2】:

您可以使用click 函数。

$(".tab-pane").click(function(){
      $(".tab-pane").attr("class","tab-pane active"); //add whatever class you want to. In this case, `active`is added. 

    });

【讨论】:

    猜你喜欢
    • 2013-07-11
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-09-30
    • 2011-10-31
    • 1970-01-01
    • 2013-10-26
    • 1970-01-01
    相关资源
    最近更新 更多