0

我对函数内部（或其他地方）的字符串有一个非常基本的问题.append()。有时我有一个很长的代码片段，像这样

c = '<div id="slider"><ul style="position: absolute; top: -400px"><li><img src="img/link/eins.png"></li><li><img src="img/link/zwei.png"></li><li><img src="img/link/drei.png"></li><li><img src="img/link/vier.png"></li><li><img src="img/link/fuenf.png"></li><li><img id="linkimg6" class="val4" style="display: none;" src="img/link/sechs.png"></li><li><img id="linkimg7" class="val4" style="display: none;" src="img/link/sieben.png"><img src="img/link/acht.png"></li><li><img src="img/link/neun.png"></li></ul></div>',

因为我知道之间没有空格非常重要，这意味着当我尝试在我的文本编辑器中进行换行时，它会给我一个错误。我的问题是，有没有另一种方法来编写这个字符串，我的编辑器中没有这么长的一行。它非常混乱。

干杯

4

2 回答 2

1

您总是可以考虑将其拆分为多个字符串并将它们连接起来：

var html = '<div>First row:'+
               '<span>info</span>'+
           '</div>'+
           '<div>Done</span>';
于 2013-11-07T20:10:58.677 回答
0

您的代码似乎在最后略有不同。根据您的设计，我认为您希望它看起来完全一样。

我在 jquery 中所做的是有一个 URL 列表，然后由于列表是有序的，因此对其进行迭代。对于每次迭代，我创建一个新的 img 并分配 src，将该新图像添加到一个新的列表项，然后将该新列表项附加到无序列表中。//jQuery:

var $slide = $("<div id='slider' />"),
    $ul = $("<ul class='ul_css' />").css({position:"absolute", top:"-400px"}),
    $li = $("<li />"),
    $img = $("<img />");
var list = ["img/link/eins.png","img/link/eins.png","img/link/drei.png","img/link/vier.png","img/link/fuenf.png","img/link/sechs.png","img/link/sieben.png","img/link/acht.png","img/link/neun.png"];

$slide.append($ul);
for (var item in list){
    $ul.append($li.clone().append($img.clone().attr("src", list[item])));
}

当然，这不考虑给定 ID 和类的随机 img 标签的情况。

如果你的意思是将它分成更多行，你可以这样做：

url = part1;
url += part2;
url + part3; //etc or

url = part1 +
      part2 +
      part3;
于 2013-11-07T20:11:31.843 回答