javascript - 如何根据按钮值停止切换按钮循环？

Question

我有一个带有更改值的按钮的切换菜单。我正在尝试停止切换循环，以便当 value = "thank you"& 你点击按钮时它不会切换。

1. 按钮 #1 值 = 联系人
2. 单击“联系”后，该按钮的值变为“发送消息”，并且第二个按钮(按钮 #2)出现(“提交”)在切换下拉列表中
3. 点击(“提交”)按钮 #2 后，按钮 #1 的值变为“谢谢”

https://jsfiddle.net/9882acxn/

CSS:

#container {height: 200px; width: 200px; position: relative; background: red;}

jQuery:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>

jQuery(document).ready(function () {  
$("#container").hide();

$("#button").on('click', function() {
if($("#container").is(":visible"))
return false;

$("#container").toggle();
this.value = this.value == 'send message' ? 'contact' : 'send message';
});

 $("#button2").on('click', function() {
    $("#container").toggle();
    $("#button").val('thank you');


if($("#button").val('thank you'))
return false;
 });


}); 
</script>

HTML:

<input type="button" id="button" value="contact" />
<br />
<div id="container">
<input type="button" id="button2" value="send" /></div>

Answer 1

方法一

如果你在发送消息后完成，只需取消绑定(bind)点击事件。

$("#button").unbind('click');

工作示例:https://jsfiddle.net/9882acxn/1/

方法二

您可以在$("#button").click中添加以下条件

if($("#button").val() == 'thank you')
            return false;

工作示例:https://jsfiddle.net/9882acxn/3/