Question

此div标记有什么问题？

$(.displayvideo).html('<div class="col-md-6 col-lg-4 movie-tile text-center" data-trailer-youtube-id="'+data.songjson[i].url+'" data-toggle="modal" data-target="#trailer">
<img src="'+data.songjson[i].url+'" width="220" height="250">'+
'<h4>'+data.songjson[i].title+'</h4></div>');

我尝试了这个，但我收到的错误是意外的令牌。

Answer 1

您的问题是您没有用引号括起.displayvideo。你需要做

$('.displayvideo')

$('.displayvideo').html('<div class="col-md-6 col-lg-4 movie-tile text-center" data-trailer-youtube-id="'+'data.songjson[i].url'+'" data-toggle="modal" data-target="#trailer"><img src="'+'data.songjson[i].url'+'" width="220" height="250">'+
'<h4>'+'data.songjson[i].title'+'</h4></div>');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js"></script>
<div class="displayvideo"></div>

Answer 2

你是missimg＆＃34;＆＃34;

试试这个

$(".displayvideo").html('<div class="col-md-6 col-lg-4 movie-tile text-center" data-trailer-youtube-id="'+data.songjson[i].url+'" data-toggle="modal" data-target="#trailer"> <img src="'+data.songjson[i].url+'" width="220" height="250">'+ '<h4>'+data.songjson[i].title+'</h4></div>');

Answer 3

首先，你在CSS选择器中缺少引号：

$('.displayvideo')

然后HTML字符串没有正确连接。我建议将其拆分为sevepa行，以便轻松查看HTML结构：

$('.displayvideo').html(
    '<div class="col-md-6 col-lg-4 movie-tile text-center" data-trailer-youtube-id="' + data.songjson[i].url + '" data-toggle="modal" data-target="#trailer">' + 
        '<img src="' + data.songjson[i].url + '" width="220" height="250">' +
        '<h4>' + data.songjson[i].title + '</h4>' + 
    '</div>'
);

Answer 4

您应该将.displayvideo放在blockqoutes中。所以它应该是这样的：

$(".displayvideo").html(
    '<div class="col-md-6 col-lg-4 movie-tile text-center" data-trailer-youtube-id="' + data.songjson[i].url + '" data-toggle="modal" data-target="#trailer">' + 
        '<img src="' + data.songjson[i].url + '" width="220" height="250">' +
        '<h4>' + data.songjson[i].title + '</h4>' + 
    '</div>'
);

```jQuery.html（）```中出现意外的令牌

4 个答案: