我尝试使我的代码尽可能易于人类阅读并保持我的工作效率，我可以轻松地跟踪错误，就像我的下面的格式一样。
我有一个<html>在 JQUERY 中。但这种格式不适合我。如果我的代码格式看起来很奇怪，我很抱歉，呵呵~
$j("#tool-abs").tooltip({html : true, placement : 'right', trigger : 'hover',
title :
'
<ul class="toolclass">
<li>Title - the quick brown fox jumps </li>
<li>Title 2 - the quick brown fox jumps </li>
<li>Title 3 - the quick brown fox jumps </li>
</ul>
'
});
但是当我的 <html>在一行中，jquery 可以工作。
<ul class="toolclass"> <li>Title - the quick brown fox jumps </li> <li>Title 2 - the quick brown fox jumps </li><li>Title 3 - the quick brown fox jumps </li> </ul>
最佳答案
即使您将代码与 + 连接起来...在渲染时它也将在一行...
喜欢:
var toolclass = ' ' +
'<ul class="toolclass">' +
'<li>Title - the quick brown fox jumps </li>' +
'<li>Title 2 - the quick brown fox jumps </li>' +
'<li>Title 3 - the quick brown fox jumps </li>' +
'</ul>' +
' ';
这里，结果将是:
<ul class="toolclass"> <li>Title - the quick brown fox jumps </li> <li>Title 2 - the quick brown fox jumps </li> <li>Title 3 - the quick brown fox jumps </li> </ul>
但是，如果您想保留格式，请在每行末尾添加空格 + 反斜杠。
喜欢:
var toolclass = ' \
<ul class="toolclass"> \
<li>Title - the quick brown fox jumps </li> \
<li>Title 2 - the quick brown fox jumps </li> \
<li>Title 3 - the quick brown fox jumps </li> \
</ul> \
';
那么，结果将是:
<ul class="toolclass">
<li>Title - the quick brown fox jumps </li>
<li>Title 2 - the quick brown fox jumps </li>
<li>Title 3 - the quick brown fox jumps </li>
</ul>
关于javascript - jquery 在某些 html 样式中不起作用，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/18375910/