2 
<div style="width:100%;background-color:  #61b832;border-radius: 10px;color:white;text-align: center">Videos List</div>
<table style="width:100%;"id="videoTable">
    <c:forEach items="${requestScope.userInfo.videoList}"var="video"varStatus="0">
        <script>
            var fullvideoUrl='<c:out value="${video.videoUrl}"></c:out>';
            var videocode='http://www.youtube.com/embed/'+youtube_parser(fullvideoUrl);
            $('#videoTable').prepend('<tr class="appendVideo"><td  style="width:80%;border-bottom: 1px solid #CCC;"><c:out value="${video.videoDescription}"></c:out></td><td  style="width:20%;border-bottom: 1px solid #CCC"><img src="images/fancybox_play-button-icon.png" class="changeVideo" videoId="<c:out value="${video.videoId}"></c:out>" videoUrl ="'+videocode+'"/></td></tr>');
        </script>
    </c:forEach>
</table>
</div>

这就是我正在尝试做的，但每个视频都会在表格中添加两次

4

2 回答 2

2

您可能想使用c:if如下：

    <c:if test="${requestScope.userInfo.videoList.size() >0}" >
      <script>
          $('#videoTable').prepend("1");
      </script>
    </c:if>

编辑：

不知道为什么要使用script. 我想你可以简单地这样写：

 <div style="width:100%;background-color:  #61b832;border-radius: 10px;color:white;text-align: center">Videos      List</div>
  <table style="width:100%;"id="videoTable">
   <c:forEachitems="${requestScope.userInfo.videoList}" var="video" varStatus="0">
     <tr class="appendVideo"><td  style="width:80%;border-bottom: 1px solid #CCC;"><c:out value="${video.videoDescription}"></c:out></td><td  style="width:20%;border-bottom: 1px solid #CCC"><img src="images/fancybox_play-button-icon.png" class="changeVideo" videoId="<c:out value="${video.videoId}"></c:out>" videoURL="http://www.youtube.com/embed/${video.videoUrl}"/></td></tr>
   </c:forEach>
  </table>
</div>

如果您想对结果进行反向排序，只需在 UI 中打印之前对您的requestScope.userInfo.videoList使用进行反向排序。Collections.sort此外，如果 URL 中需要任何修改，请在原始视频列表本身中执行。

于 2012-10-27T18:39:01.837 回答
2

当您在 jsp 文件中使用样式时，有时会出现此问题，其中一种样式包含 body 标记，删除 Style 定义标记中的任何 body 标记，jsp 将正常工作。正文声明如下所示：

body {
    background-image: url();
}

只需从您的脚本中删除此行并重新运行您的页面。

于 2014-09-07T09:31:36.757 回答