模式中的两个选项卡一个按钮

时间:2018-01-24 00:51:46

标签: javascript jquery tabs

如果有两个可供选择,我如何获得活动标签?我打算只为它们使用一个按钮,所以我需要将按钮绑定到右侧标签。

<div id="myModal" class="modal fade" tabindex="-1" role="dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
    <h6 class="modal-title">modal1</h6>
    <ul class="nav nav-pills">
      <li class="active"><a data-toggle="pill" href="#home">Sign in</a></li>
      <li><a data-toggle="pill" href="#menu1">Sign up</a></li>
    </ul>

    <div class="tab-content">
      <div id="home" class="tab-pane fade in active">
   ...etc etc etc

1 个答案:

答案 0 :(得分:0)

使用

激活选项卡时,尝试更改按钮上的类
document.getElementById("MyElement").classList.add('MyClass'); 

然后使用

.on('click', '.class', function()) 

就可以了。