如何才能只触发一次切换?
我有...
<%= f.check_box :push %>
<label for="challenge_push" class="reminder-choices">Push</label>
<%= f.check_box :message %>
<label for="challenge_message" class="reminder-choices">Text</label>
<%= f.check_box :mail %>
<label for="challenge_mail" class="reminder-choices">Email</label>
<script>
$('.reminder-choices').click(function(){
$(".hide-remind").toggle();
});
</script>
我试过了...
# Same behavior as above. Still toggles back and forth.
$('.reminder-choices').one("click", function(){
$(".hide-remind").toggle();
});
换句话说,一旦.reminder-choices
被点击一次,切换就会起作用,否则如果再次点击,它将不起作用。
最佳答案
你的第二次尝试应该会成功。你也可以这样做。
$('.reminder-choices').on('click.reminder', function() {
$(".hide-remind").toggle();
$(this).off('click.reminder');
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="reminder-choices">Click Here</div>
<div class="hide-remind">Will be toggled</div>
编辑:如果您有多个元素,并且希望在单击其中一个元素后忽略所有元素上的点击:
$('.reminder-choices').on('click.reminder', function() {
$(".hide-remind").toggle();
$('.reminder-choices').off('click.reminder');
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="reminder-choices">Click Here</div>
<div class="reminder-choices">Or Here</div>
<div class="reminder-choices">Or Here</div>
<div class="hide-remind">Will be toggled</div>
关于javascript - 如何在所有元素上仅触发一次toggle()?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43627253/