Jquery追加函数:应为'）'错误

Jquery append function: Expected ')' error

本文关键字：错误 应为 追加 函数 Jquery      更新时间：2023-09-26

我在php文件中发出ajax请求，该请求返回正确的值。但当我尝试在jquery中使用append函数时，它会在控制台中返回和erro。

$.ajax({
                url:"ajax.php",
                type:"POST",
                success:function(msg){
                    $("#loadMoreButton").hide();
                    alert(msg.length);
                    $.each(msg, function(index){
                        $(".blog-masonry").append("<div class='post-masonry col-md-4 col-sm-6'> <div class='blog-thumb'> <img src='" + msg[index].image +"' alt=""> <div class='overlay-b'> <div class='overlay-inner'> <a href='#' class='fa fa-link'></a> </div></div></div><div class='blog-body'> <div class='box-content'><h3 class='post-title'><a href='" + msg[index].external_link +"' target='_blank'>" + msg[index].title + "</a></h3><span class='blog-meta'>" + msg[index].date_pub + "</span><p>"+ msg[index].Content +"</p></div></div></div>");
                    });
                    $("#loadMoreButton").show();
                },
                dataType:"json",
                data: {"from": ("" + id), "cat" : "<?php echo $_GET['category']; ?>"}
            });

在我试图附加html的行中，错误显示SyntaxError: Expected token ')'。

我不确定这里少了什么？

将alt = ""更改为alt=''

$(".blog-masonry").append("<div class='post-masonry col-md-4 col-sm-6'> <div class='blog-thumb'> <img src='" + msg[index].image +"' alt=''> <div class='overlay-b'> <div class='overlay-inner'> <a href='#' class='fa fa-link'></a> </div></div></div><div class='blog-body'> <div class='box-content'><h3 class='post-title'><a href='" + msg[index].external_link +"' target='_blank'>" + msg[index].title + "</a></h3><span class='blog-meta'>" + msg[index].date_pub + "</span><p>"+ msg[index].Content +"</p></div></div></div>");

或者您可以使用escape character（如评论中所述）

alt='"'"

backslash被用作标记字符，告诉编译器/解释器下一个字符有一些特殊的含义。

相关文章：