javascript - 单击更改按钮颜色

It's difficult to tell what is being asked here. This question is ambiguous, vague, incomplete, overly broad, or rhetorical and cannot be reasonably answered in its current form. For help clarifying this question so that it can be reopened, visit the help center。




                7年前关闭。




我想知道是否有可能达到以下情形：

我在html表单中有一个类型为button的输入（假设在这种情况下，按钮的背景为红色），当您单击它以执行ajax调用（并显示div）时，其颜色也会更改为绿色。它应该保持这种状态，直到再次单击它，然后它会变回其原始颜色并隐藏上面提到的div。

有什么方法可以适用于所有浏览器（包括IE）？此外，是否有可能在第三次单击后跳过ajax调用？很抱歉，我现在无法提供代码示例，（目前我无法使用笔记本电脑）。

这是困扰我的事情，任何建议都值得欢迎。

最佳答案

如果您只希望AJAX在第一次点击时加载（这是我假设您的意思是在第三次点击之后不加载：加载并显示，隐藏，显示等...），只需使用.one()。然后，将.on()用于其余的点击处理：

$("#myButton").one('click', function () {
    $("#result").html(ajax_load).load(loadUrl); // Or whatever your AJAX code is
});

$("#myButton").on('click', function () {
    $(this).toggleClass('green');
    $("#result").toggle();
});

JSFiddle Demo

关于javascript - 单击更改按钮颜色，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/16240998/

上一篇：javascript setter 和 getter

下一篇：javascript - CKeditor 显示 JS 范围

相关文章：

javascript - AWS Cognito 更新多个用户属性

javascript - Slick Slider slidesToScroll 修改

jquery - 在一个文本框中输入值时，所有错误消息都会消失

jquery - $.get() 加载两次

html - 带有标有 aria-label 的图标的按钮仍然是 'Empty Button' 错误

javascript - jQuery 框架内部结构

javascript - 当需要一个类并调用另一个方法中的方法时，到底发生了什么？

javascript - 获取一个 img 以显示在 div 下方/后面