通过单击隐藏动态创建的按钮

Question

在我的 Django 项目中，我有一个 ajax 搜索 returns 结果列表和按钮 "Add"

我想要的：

点击"Add"
结果已添加到页面div
按钮 "Add" 消失

工作页。 1-2 但不是 3

jquery-ajax

$(document).on('click', '.button-add', ->
    catid = $(this).attr("data-catid")
    title = $(this).attr("data-title")
    url = $(this).attr("data-url")
    $.get('/test/auto_add_page/', {category_id:catid, title:title, url:url}, (data) ->
        $('#pages').html(data)
        $(this).hide()
        ))

Answer 1

get 中的

this 现在指的是不同的对象。将其保存在外部块中的变量中并引用它。

$(document).on('click', '.button-add', ->
    button = $(this)
    catid = button.attr("data-catid")
    title = button.attr("data-title")
    url = button.attr("data-url")
    $.get('/test/auto_add_page/', {category_id:catid, title:title, url:url}, (data) ->
        $('#pages').html(data)
        button.hide()
    ))

通过单击隐藏动态创建的按钮

Hide dynamically created button by clicking on it

jquery

ajax

django

coffeescript

django-1.8