gpt4 book ai didi

javascript - jquery 在某些 html 样式中不起作用

转载 作者:行者123 更新时间:2023-11-28 20:20:44 25 4
gpt4 key购买 nike

我尝试使我的代码尽可能易于人类阅读并保持我的工作效率,我可以轻松地跟踪错误,就像我的下面的格式一样。

我有一个<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/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com