JQuery / Javascript与空白问题

时间:2012-09-22 13:44:22

标签: javascript jquery

我遇到的问题是javascript不允许我使用空格,因此我不得不压缩所有代码,使其难以阅读。

Sample A: - Working:

output += '<li><a href="#">test here</a><li>';


Sample B: - Not Working:

output += '<li>
           <a href="#">test here</a>
           </li>';

有没有办法让我可以在不必先将它们压在一起的情况下完成上述工作?

4 个答案:

答案 0 :(得分:5)

你可以这样做。我发现它更容易阅读,但更难维护。

output += '<li>' + 
           '<a href="#">test here</a>' + 
           '</li>';

答案 1 :(得分:4)

您可能想要在javascript中查看多行字符串。 像这样: http://www.electrictoolbox.com/javascript-multi-line-strings/

对于某些代码示例,请尝试:

 output += '<li>\
               <a href="#">test here</a>\
               </li>'

答案 2 :(得分:2)

解决方案是退格:

output += '<li>\
           <a href="#">test here</a>\
           </li>';



修改
如果您确实想要保留换行符,请将\n放在\

之前

答案 3 :(得分:2)

不要在JS中写标记,除非它只是几个标记。

考虑在jQuery中创建元素:

var output = $('<li>').append(
                $('<a>').attr('href', '#dalink')
            );

或更好,使用templating,即带有占位符的标记模板和用于填充列表的循环等少量表示逻辑。