0

我尝试使我的代码尽可能易于阅读并保持我的生产力高效，我可以轻松地追踪错误，就像我下面的格式一样。

我有<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>
4

7 回答 7

1

即使您将代码与+...连接起来，当它被渲染时它也会在one line...

喜欢：

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>

但是，如果要保留格式，请space + backslash在每行末尾添加。

喜欢：

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>
于 2013-08-22T09:14:57.153 回答
1

使用字符串连接

$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>'
 });
于 2013-08-22T09:05:55.093 回答
1

但是，您可以转义文字换行符，这很接近：

 "foo \
 bar"

对于你的代码，它就像 -

$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>'
 });
于 2013-08-22T09:10:16.067 回答
0

您可以转义文字换行符：

"firstline \
secondLine"

它在 ECMA-262 第 5 版第 7.8.4 节中指定，称为 LineContinuation

LineContinuation :: \ LineTerminatorSequence

ECMA-262 第 5 版

于 2013-08-22T09:12:30.457 回答
0

尝试将每一行放在双引号内，并用 + 结束每一行

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>"
于 2013-08-22T09:05:01.290 回答
0

那是因为您不能剥离 javascript 字符串，要剥离它们，您应该+在每行之间添加：

$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>'
});
于 2013-08-22T09:05:21.397 回答
0

像这样提取每一行：

var $tooltip_html = '<ul class="toolclass">';
  $tooltip_html += '<li>Title   - the quick brown fox jumps </li>';
  $tooltip_html += '<li>Title 2 - the quick brown fox jumps </li>';
  $tooltip_html += '<li>Title 3 - the quick brown fox jumps </li>';
$tooltip_html += '</ul>';

并title : $tooltip_html在您的代码中使用。

于 2013-08-22T09:05:32.387 回答