Javascript jquery在特定的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:true，位置：'right'，触发器：'hover'， 标题： '

• 标题-快速棕色狐狸跳跃
• 标题2-棕色狐狸快速跳跃
• 标题3-棕色狐狸快速跳跃

' }); 但是当我的

在一行中时，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>

标题-棕色狐狸快速跳跃
标题2-棕色狐狸快速跳跃
标题3-棕色狐狸快速跳跃

尝试将每行置于双引号内，并在每行末尾加上+

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>"

标题：
“
”+
“
标题-敏捷的棕色狐狸跳跃
”+
“
标题2-棕色狐狸快速跳跃”+
“
标题3-棕色狐狸快速跳跃
”+
“
”

尝试将每行置于双引号内，并在每行末尾加上+

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>"

标题：
“
”+
“
标题-敏捷的棕色狐狸跳跃
”+
“
标题2-棕色狐狸快速跳跃”+
“
标题3-棕色狐狸快速跳跃
”+
“
”

这是因为您无法剥离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>'
});

工具提示（{html:true，位置：'right'，触发器：'hover'， 标题： “

”+ “
• 标题-棕色狐狸快速跳跃”+ “
• 标题2-棕色狐狸快速跳跃” “
• 标题3-棕色狐狸快速跳跃” “

” });

---

这是因为您无法剥离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>'
});

工具提示（{html:true，位置：'right'，触发器：'hover'， 标题： “

”+ “
• 标题-棕色狐狸快速跳跃”+ “
• 标题2-棕色狐狸快速跳跃” “
• 标题3-棕色狐狸快速跳跃” “

” });

---

按如下方式提取每一行：

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>';

var$tooltip_html='
；
$tooltip_html+='
标题-棕色狐狸快速跳跃
'；
$tooltip_html+='
标题2-棕色狐狸快速跳跃；
$tooltip_html+='
标题3-棕色狐狸快速跳跃；
$tooltip_html+='
'；

---

并在代码中使用

title:$tooltip\u html

。

按如下方式提取每一行：

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>';

var$tooltip_html='
；
$tooltip_html+='
标题-棕色狐狸快速跳跃
'；
$tooltip_html+='
标题2-棕色狐狸快速跳跃；
$tooltip_html+='
标题3-棕色狐狸快速跳跃；
$tooltip_html+='
'；

---

并在代码中使用

title:$tooltip\u html

。

使用字符串连接

$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:true，位置：'right'，触发器：'hover'， 标题： “

”+ “
• 标题-棕色狐狸快速跳跃”+ “
• 标题2-棕色狐狸快速跳跃”+ “
• 标题3-棕色狐狸快速跳跃”+ “

” });

---

使用字符串连接

$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:true，位置：'right'，触发器：'hover'， 标题： “

”+ “
• 标题-棕色狐狸快速跳跃”+ “
• 标题2-棕色狐狸快速跳跃”+ “
• 标题3-棕色狐狸快速跳跃”+ “

” });

---

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

 "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>'
 });

工具提示（{html:true，位置：'right'，触发器：'hover'， 标题： “

\
• 标题-棕色狐狸快速跳跃
\
• 标题2-棕色狐狸快速跳跃
\
• 标题3-棕色狐狸快速跳跃
\

' });

---

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

 "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>'
 });

工具提示（{html:true，位置：'right'，触发器：'hover'， 标题： “

\
• 标题-棕色狐狸快速跳跃
\
• 标题2-棕色狐狸快速跳跃
\
• 标题3-棕色狐狸快速跳跃
\

' });

---

您可以转义文字换行：

"firstline \
secondLine"

ECMA-262第5版第7.8.4节对此进行了规定，并将其称为LineContinuation

LineContinuation:：\LineTerminatorSequence

---

您可以转义文字换行：

"firstline \
secondLine"

ECMA-262第5版第7.8.4节对此进行了规定，并将其称为LineContinuation

LineContinuation:：\LineTerminatorSequence

---

即使您将代码与

+

连接起来。。。渲染时，它将显示在

一行中

比如：

然后，结果将是：

<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>

标题-快速棕色狐狸跳跃
标题2-棕色狐狸快速跳跃
标题3-棕色狐狸快速跳跃

即使您将代码与

+

连接起来。。。渲染时，它将显示在

一行中

比如：

然后，结果将是：

<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>

标题-快速棕色狐狸跳跃
标题2-棕色狐狸快速跳跃
标题3-棕色狐狸快速跳跃

你在

的第一行有一个额外的

，

，除此之外这是我会做的。谢谢，只是一个输入错误，我修正了。你在

的第一行有一个额外的

，

，除此之外这是我会做的。谢谢，只是一个输入错误，我修正了。