Question

在下面，如果div='tab-content'打开，那么我只想启动一个单击命令而不是。如何用jquery和bootstrap执行此操作

<label class="radio-inline">
     <a data-toggle="collapse" href="#rules_home" id="rules_container">Rules</a>
     <div class="tab-content">
          <div class="collapse" id="rules_home"><textarea rows="5" cols="70" readonly id="rules_data"></textarea></div>
     </div>
</label>
<label><button type="button" class="btn btn-default">Submit</button> </label>

<script>
$(':button').click(function(){

    $("#rules_container").click();
});
</script>

Answer 1

尝试使用$（“＃rules_container”）。触发器（'click'）;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<label class="radio-inline">
     <a data-toggle="collapse" href="#rules_home" id="rules_container">Rules</a>
     <div class="tab-content">
          <div class="collapse" id="rules_home"><textarea rows="5" cols="70" readonly id="rules_data"></textarea></div>
     </div>
</label>
<label><button type="button" class="btn btn-default">Submit</button> </label>

<script>
$(':button').click(function(){
    $("#rules_container").trigger('click');
});
/* alert 'click' if #rules_container was clicked */
$('#rules_container').click(function(){
	alert('click')
});
</script>

Answer 2

如果要模拟元素上的单击，请使用触发器方法。

$(':button').click(function(){
    $("#rules_container").trigger('click');
});
$('#rules_container').on("click", function(){
    alert('click')
});

Answer 3

考虑＆＃39;开放＆＃39;表示display：block（如果显示div）

<script>
if($(".tab-content").css("display") == "block" ){
    $(':button').click(function(){
    // do what you want 
});
}
</script>

Answer 4

以此为例：

function someHandler() {
    var $this = $(this);
    if ($this.hasClass('class-a')) {
        //do something specific to a
    }
    if ($this.hasClass('class-b')) {
        //do something specific to b
    }
    if ($this.hasClass('class-c')) {
        //do something specific to c
    }
}

$(".class-a, .class-b, .class-c").click(someHandler);

Answer 5

如果您只想在隐藏制表符内容时触发点击，则可以尝试以下操作：

    $(':button').click(function(){
       if(!$('.tab-content:visible').length)
         $("#rules_container").trigger('click');
});

启动点击div状态

5 个答案: