我正在为我的快速应用程序寻找删除确认对话框

Question

我正试图用JQuery做到这一点。下面是我的代码。我有一个表单，id为"delete"。我想一个对话框出现时，一个人点击删除按钮确认，如果这是他们想做的。如果他们确认，默认操作发生，如果他们在对话框中说no或x，我希望什么都不会发生。现在，如果对话框根本没有出现。有什么想法吗?

 <form action="/delete/{{card.id}}" method="POST" id="delete">
          <button type="submit" class="btn pull-right">
              <p><span class="glyphicon glyphicon-remove"></span></p>
          </button>
        </form>
        <form action="/edit/{{card.id}}" method="POST">
          <button type="submit" class="btn pull-right">
              <p><span class="glyphicon glyphicon-pencil"></span></p>
          </button>
        </form>
      </div>
      <hr>
      {{card.content}}
    </div>
  {% endfor %}
{% endblock %}
{% block script %}
  $("#delete").submit(function() {
    return var confirm = confirm("Are you sure you want to delete?");
  });
{% endblock %}

Answer 1

使用

HTML:

<a href='#' class='delete' id='35'>Delete data</a>

JS:

$(".delete").click(function() {
    var id = (this).attr("id");
    if (confirm("Are you sure?")) {
        // do delete; use var id to delete data
    }
});

如果用户按下ok按钮，则执行if块中的指令。如果他按下cancel键，什么也不会发生。

在if块中，您可以向php脚本发出ajax请求，其中您将删除一些数据。注意，您必须指定要删除的数据