1

我有一个这样的链接:

<a class="glyphicon glyphicon-remove glyphicon-color-red btn-delete" data-toggle="modal" data-target="#myModal" user-id="56f52ea551d72027711157d6"></a>

使用jquery,在单击时我获取参数user-id并更改操作URL,当我单击删除按钮时出现模式弹出窗口,此代码不起作用,但是如果我检查元素,我看到该操作为空?

$('.btn-delete').click(function () {
  var user_id = $(this).attr('user-id');
  $('#modal-form').attr('action', "{{ url_for('admin.delete_user', id=" +user_id+" ) }}");
    });

我在 python 中的路由 admin.delete_user 中使用的方法是:

def delete_user(self, id):
    mongo.db.users.remove({'_id': ObjectId(id)})
    return redirect(url_for('admin.users'))

和模态弹出:

<div class="modal fade" id="myModal" role="dialog">
<div class="modal-dialog modal-sm">
  <div class="modal-content">
    <div class="modal-header">
      <button type="button" class="close" data-dismiss="modal">&times;</button>
      <h4 class="modal-title"><span class="glyphicon glyphicon-question-sign" aria-hidden="true"></span></h4>
    </div>
    <form id="modal-form" action=" "  method="POST">
    <div class="modal-body">
      <p>Are you sure?</p>
    </div>
    <div class="modal-footer">
          <button type="button" class="btn btn-default btn-sm btn-style" data-dismiss="modal">Cancel</button>
          <button type="submit" class="btn btn-default btn-sm btn-filter-apply btn-style" >Yes</button>
    </div>
    </form>
  </div>
</div>

我不明白为什么在 jquery 中没有添加操作 URL?

4

2 回答 2

0

Make sure that the DOM has loaded before you make any changes, for which you can use ready():

$(document).ready(function(){ /* your code */ });
于 2016-03-25T13:42:48.353 回答
0

我会将您的 url_for 函数更改为生成您需要的部分 url,然后将其放在操作 attr 中。然后,使用 jquery 将 user_id 附加到字符串。确保您修改了抓取 url 以解析参数的任何内容。这是一个例子:

url_for 返回类似:http ://www.example.com?delete_user=

然后你的表单动作:

<form id="modal-form" action="{{url_for(delete_user)}}"  method="POST">

然后你的 jquery 会:

$('.btn-delete').click(function () {
    var user_id = $(this).attr('user-id');
    var action = $('#modal-form').attr('action');
    $('#modal-form').attr('action', action + user_id);
});

最后,解析表单的任何内容都会查找 url 参数 delete_user= 并使用附加到它的 user_id。

于 2016-03-25T13:46:19.537 回答