具有参数的动态div标签onclick不起作用

时间:2018-08-04 05:32:16

标签: javascript jquery

我在调用此函数时得到Uncaught SyntaxError: Invalid or unexpected token。我在网上搜索了一下,但找不到答案。请任何人帮助我摆脱这个问题

function getPostData() {
    var post_id = $("#post_id").val();
    $.ajax({
    url:'get_post_fun.php',
    type:'post',
    data:{post_id:post_id},
    dataType:'json',
    success:function(res) {
        console.log(res);
        if (res.success == true) {
            $("#post_title").val(res.post.p_title);
            CKEDITOR.instances.editor1.setData(res.post.p_desc);
            $("#topics").val(res.post.topics);
            for(i=0; i<res.imgs.length; i++) {
                imgs_arr.push(res.imgs[i]);
                imgsdata += "<div id='media_div' class='col-md-3'>"+
                "<img src='uploads/"+ res.imgs[i] +"' width='90%'>"+
                "<span class='glyphicon glyphicon-remove del_icon' onclick='delImgFun("+res.imgs[i]+")'></span></div>";
            }
            $("#media_blk").html(imgsdata);
        }
    },
    error:function(err) {
        console.log('error',err);
    }
})

}

2 个答案:

答案 0 :(得分:-1)

回答这个问题需要对前端和后端都有全面的了解。 但是您刚刚发送了前端部分。但是我想您需要传递某种身份验证令牌才能使用此API(get_post_fun.php)。这取决于您的后端的实现。您可能必须通过请求标头或查询字符串或请求正文的有效负载发送它。

答案 1 :(得分:-1)

普通点击不适用于动态内容,因此您需要使用以下内容:-

$(document).ready(function(){
var spanTag = "<span class='glyphicon glyphicon-remove del_icon' id='clickBtn'>Click Btn</span></div>";

$('.staticDiv').html(spanTag);

$('body').on('click', '#clickBtn', function(){
 alert('this will work for dynamic content');
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="staticDiv"></div>