0

我建立了自己的无限滚动，类似于谷歌图片搜索。一切工作正常。我只想知道是否有另一种方法可以在 javascript 中附加 html 代码，尤其是当它包含 javascript 函数的行不止一行时。

此刻它看起来像这样：

appenddiv += '<div class="actbtn">'+
        '<a href="javascript:void(0)" onclick="OWNER.feedaction(\''+feedid+'\','action_delete')">'+
              '<img id="delicon_'+feedid+'" src="images/icons/delete.gif" title="'+delete_text+'">'+
        '</a>'+
 '</div>';

有没有其他方法可以做到这一点，因为这只是一个很小的例子。我想到了一个函数，我可以在其中输入“正常”的 html 代码，而无需引号 ' 和 + 以及转义 \' 等，然后得到上面的格式化代码。

正常代码：

<div class="actbtn">
       <a href="javascript:void(0);" onclick="OWNER.feedaction('{$profile_actions[actions_loop].action_id}','action_delete')">
           <img id="delicon_{$profile_actions[actions_loop].action_id}" src="images/icons/delete.gif" title="my text" />
        </a>
</div>

我对你的想法很感兴趣，还有其他方法可以做到这一点。

4

3 回答 3

3

您可以使用“JavaScript Micro-Templating”，将 html 添加到半 js 格式的脚本标签中，如下所示：

<script type="text/html" id="user_tmpl">
  <% some js %>
  some html
</script>

查看John Resigs 的博客，了解如何使用它。

于 2012-06-22T10:02:11.870 回答
0

您可以使用 jquery html 函数，如$("#parent_div_id").html(appenddiv);

$("#parent_div_id").append(appenddiv);

于 2012-06-22T09:58:49.040 回答
0

在 Jquery 中，您可以使用：

。附加（）;

.html();

于 2012-06-22T10:02:48.337 回答