Question

我有一个切换菜单，其中包含一个更改值的按钮。我正试图停止切换循环，以便当值=“谢谢”＆amp;你点击它不切换的按钮。

按钮＃1值=联系
点击“联系人”后，按钮值变为“发送消息”，并在切换下拉菜单中出现第二个按钮（按钮＃2）
点击（“提交”）按钮＃2后，按钮＃1的值变为“谢谢”

CSS：

<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>

jQuery的：

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

HTML：

NSDateFormatterLongStyle

Answer 1

方法1

如果您在发送邮件后完成操作，只需取消绑定点击事件。

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

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

方法2

您可以在$("#button").click

中添加以下条件

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

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

Answer 2

你可以使用这样的东西

$("#button").replaceWith('<span>Thank You</span>');

Working Demo

Answer 3

将if($("#button").val('thank you'))（将值设置为“谢谢”）更改为if($("#button").val().equals('thank you'))

.equals（）因为字符串在大多数语言中都是不可变的（我忘了如果==在js中工作）。

同时重新排序语句：

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

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

3 个答案: