新添加的標籤沒法觸發

相似咱們手機不少app的一個功能添加刪除個人應用,例如:html

上面 - 是delete類 下面 + 是add類 若是直接給delete和add添加click點擊事件會出現一個效果那就是點擊 - 號應用到下面的所有應用裏 從個人應用點擊 - 添加到所有應用裏的這個應用再點 + 是不會觸發 + 的click點擊事件的 因此針對這種狀況咱們須要將事件綁定到document上,例如:app

function addfun(mythis){
    mythis.parent().hide()
    mythis.removeClass('add')
    mythis.addClass('delete')
    var a = '<li>'+ mythis.parent().html() + '</li>'
    $('.conter1 ul').append(a)
    return false
}
function delfun(mythis){
    mythis.parent('li').hide()
    mythis.removeClass('delete')
    mythis.addClass('add')
    var a = '<li>'+ mythis.parent().html() + '</li>'
    $('.conter2 ul').append(a)
    return false
}
// document
$(document).on('click','.add', function(event){
    addfun($(this))
}); 
$(document).on('click','.delete', function(event) {
    delfun($(this))
});
相關文章
相關標籤/搜索