javascript - AJAX 成功代码中的自定义切换功能

标签 javascript jquery html ajax

我有一个 img div。点击它,AJAx 插入到数据库 smthng。我想在点击时将 img add.png 更改为 added.png。

First click: add.png -> added.png
Next click: added.png -> add.png etc.

我尝试:

success: function(){
    $('.paste_here').html("<img src=\"add.png\">");
}

那么,我怎样才能在成功部分的每次点击时将添加更改为已添加和已添加到添加???

最佳答案

1: 定义一个标志

var flag=true;

2:检查标志,然后决定调用什么(add.png 或 added.png)。

success: function(){
 if(flag){
      $('.paste_here').html("<img src=\"added.png\">");
      flag=false
        }
 else{
     $('.paste_here').html("<img src=\"add.png\">");
     flag=true
     }
}

关于javascript - AJAX 成功代码中的自定义切换功能,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27942508/

相关文章:

jquery - 如何使用 jquery ui 创建多种按钮样式?

html - 有没有更有效的方法让背景位置在悬停时从左到右变化?

html - 使 Sprite 的图标大小相等(宽度和高度)

javascript - 导入 BSON 文档、MongoDB 时出错

javascript - 用 DOMParser 或 innerHTML 解析?

javascript - 表单验证 JavaScript - 没有出现警报

javascript - 如何在 javascript 中更改特定的 tr bgcolor

javascript - 使用 onchange 事件处理程序计算平均值

JavaScript 按钮。 - 添加/删除类/id 样式 onClick。 - 显示 : none/block

jquery - 为什么这个 jQuery 找不到具有特定名称的 div?