Javascript 即使我没有要转义的引号，它仍然说我有一个未关闭的字符串（Jquery）

我使用了find函数来完全确保没有需要转义的引号。要放在我的“viewbox”div中的html完全是单引号，我用双引号将其括起来。没有一个例外。当我删除我试图插入的内容，并用一个简单的“测试”替换它时，它工作得很好，所以它似乎不是一个库问题，或者类似的问题。另外，当我将代码保存为html文件时，我尝试插入的代码本身也可以工作。我几乎可以肯定我忽略了什么。我已经试过，搜索过，做过我能想到的一切。下面是javascript代码

编辑：我将所有代码行放在一行上。这是有效的，但它不是呈现引导旋转木马，而是一次显示所有图像，一个接一个

$(document).ready(function () {
$('#aprilissue').click(function () {
$('#viewbox').html(
    "
<div class='row'>
<div class='col-md-2'>
</div>
<div class='col-md-8'>

<center>
<div id='carousel-example-generic' class='carousel slide' data-interval='false'>
  <!-- Wrapper for slides -->
  <div class='carousel-inner'>
    <div class='item active'>
      <img src='img/april/page01.jpg' alt='>
    </div>
<div class='item'>
      <img src='img/april/page02.jpg' alt='>
    </div>
<div class='item'>
      <img src='img/april/page03.jpg' alt='>
    </div>
    <div class='item'>
      <img src='img/april/page04.jpg' alt='>
    </div>
    <div class='item'>
      <img src='img/april/page05.jpg' alt='>
    </div>
    <div class='item'>
      <img src='img/april/page06.jpg' alt='>
    </div>
    <div class='item'>
      <img src='img/april/page07.jpg' alt='>
    </div>
    <div class='item'>
      <img src='img/april/page08.jpg' alt='>
    </div>
    <div class='item'>
      <img src='img/april/page09.jpg' alt='>
    </div>
    <div class='item'>
      <img src='img/april/page10.jpg' alt='>
    </div>
    <div class='item'>
      <img src='img/april/page11.jpg' alt='>
    </div>
    <div class='item'>
      <img src='img/april/page12.jpg' alt='>
    </div>
    <div class='item'>
      <img src='img/april/page13.jpg' alt='>
    </div>
    <div class='item'>
      <img src='img/april/page14.jpg' alt='>
    </div>
    <div class='item'>
      <img src='img/april/page15.jpg' alt='>
    </div>
    <div class='item'>
      <img src='img/april/page16.jpg' alt='>
    </div>
    <div class='item'>
      <img src='img/april/page17.jpg' alt='>
    </div>
    <div class='item'>
      <img src='img/april/page18.jpg' alt='>
    </div>
    <div class='item'>
      <img src='img/april/page19.jpg' alt='>
    </div>
    <div class='item'>
      <img src='img/april/page20.jpg' alt='>
    </div>
    <div class='item'>
      <img src='img/april/page21.jpg' alt='>
    </div>
    <div class='item'>
      <img src='img/april/page22.jpg' alt='>
    </div>
  </div>

  <!-- Controls -->
  <a class='left carousel-control' href='#carousel-example-generic' data-slide='prev'>
    <span class='icon-prev'></span>
  </a>
  <a class='right carousel-control' href='#carousel-example-generic' data-slide='next'>
    <span class='icon-next'></span>
  </a>
</div>
</div>
<div class='col-md-2'>
</div>
</center>
"
    );
});


//when I remove what's above, the code below works.


$('#mayissue').click(function () {
$('#viewbox').html(
"test2"
    );
});
$('#juneissue').click(function () {
$('#viewbox').html(
"test3"
    );
});
$('#julyissue').click(function () {
$('#viewbox').html(
"test4"
    );
});

    });

$（文档）.ready（函数（）{
$（'aprilissue'）。单击（函数（）{
$（'#viewbox'）.html(
"
"
);
});
//当我删除上面的内容时，下面的代码可以工作。
$（“#可能问题”）。单击（函数（）{
$（'#viewbox'）.html(
“测试2”
);
});
$（'#juneissue'）。单击（函数（）{
$（'#viewbox'）.html(
“测试3”
);
});
$（'julysue'）。单击（函数（）{
$（'#viewbox'）.html(
“测试4”
);
});
});

不能有多行字符串

要解决此问题，请使用带串联的单独字符串：

$('#viewbox').html("<div class='row'>" +
               "<div class='col-md-2'>" +
               "</div>") //... etc.

$（'#viewbox'）.html（'+
"" +
"") //... 等

不能有多行字符串

要解决此问题，请使用带串联的单独字符串：

$('#viewbox').html("<div class='row'>" +
               "<div class='col-md-2'>" +
               "</div>") //... etc.

$（'#viewbox'）.html（'+
"" +
"") //... 等

你不能让一个字符串像那样跨越多行，要让它以这种方式工作，你必须这样做

 $('#viewbox').html("<div class='row'>" +
"<div class='col-md-2'>" + .....

$（'#viewbox'）.html（'+
"" + .....

说到这里，我将添加。不要那样添加HTML

---

使用一个模板，或者其他任何你发布的东西。一个非常便宜和简单的方法是在页面上创建html，并使用css将其标记为显示：无，然后在JS中重新注册父对象并传递outerHtml。

你不能有一个字符串像这样跨越多行，要让它以这种方式工作，你必须做一些事情你喜欢这样吗

 $('#viewbox').html("<div class='row'>" +
"<div class='col-md-2'>" + .....

$（'#viewbox'）.html（'+
"" + .....

说到这里，我将添加。不要那样添加HTML

---

使用一个模板，或者其他任何你发布的内容。一个非常便宜和简单的方法是在页面上创建html，并使用css将其标记为display:none，然后在JS中重新注册父对象并传递outerHtml。

编写长多行字符串的一个好方法是在每行的末尾使用神奇的反斜杠

\

，你会很高兴的：

$('#viewbox').html("\
    <div class='row'>\
    <div class='col-md-2'>\
    </div>\
    ................ \
    <div class='col-md-2'>\
    </div>\
    </center>\
");

$（'#viewbox'）.html（“\
\
\
\
................ \
\
\
\
");

---

编写长多行字符串的一个好方法是在每一行的末尾使用神奇的反斜杠

\

。JS，你会很高兴：

$('#viewbox').html("\
    <div class='row'>\
    <div class='col-md-2'>\
    </div>\
    ................ \
    <div class='col-md-2'>\
    </div>\
    </center>\
");

$（'#viewbox'）.html（“\
\
\
\
................ \
\
\
\
");

---

JavaScript中不支持多行字符串。您的字符串无效，因为不允许换行，除非是转义。如果出于美观目的您必须保留字符串的换行符，请使用

bla将每行换行+

或仅在needed@user3774582您可以在每一行末尾添加一个

反斜杠

，这应该可以解决您的问题。但是，继续前进，您希望不必处理这样的长字符串。JavaScript不支持多行字符串。您的字符串无效，因为不支持换行符允许转义，除非转义如果出于美观目的必须保留字符串的换行符，请使用

blabla将每行换行+

或仅在needed@user3774582你可以在每一行的末尾加上一个

反斜杠，这应该可以解决你的问题。但是，继续往下看，你不想再处理像那样的长字符串了。我不知道“动态html构建”意味着使用js创建大块html代码…我不知道“动态html构建”是否意味着使用js创建大块html代码。。。