ajax动态元素绑定JS事件

使用on方法绑定动态元素，$(div).on 绑定的元素需要为非动态输出的

function appendPics(divPic, url) {
    $(divPic).append("<div><a target='_blank' href='" + url + "'><img src='" + url + "'/></a><input value='" + url + "' name='pics'/><p><b class='pre'>前移</b><b class='next'>后移</b><b class='del'>删除</b></p></div>");
}

//删除
    $(divPic).on('click', '.del', function () {
        $(this).parent().parent().remove();
    });
    //前移
    $(divPic).on('click', '.pre', function () {
        var selfDiv = $(this).parent().parent();
        var selfHtml = selfDiv.html();
        var otherHtml = selfDiv.prev().html();
        if (otherHtml != "") {
            selfDiv.html(otherHtml);
            selfDiv.prev().html(selfHtml);
        }
    });
    //后移
    $(divPic).on('click', '.next', function () {
        var selfDiv = $(this).parent().parent();
        var selfHtml = selfDiv.html();
        var otherHtml = selfDiv.next().html();
        if (otherHtml != "") {
            selfDiv.html(otherHtml);
            selfDiv.next().html(selfHtml);
        }
    });