Jquery 使用appendto将带有表单的div附加到现有div

当我尝试使用

$("<div class='form-holder'>Append a form here</div>").appendTo('.container');

$（“在此追加表单”）.appendTo（“.container”）；

但当我尝试时，一切都从那里向南发展

$(document).ready
(
function()
{
//$("<div class='form-holder'>Append a form here</div>").appendTo('.container');
$("<div class='form-holder'>"
"<form name="input" action="#" method="get">"
"<label>Slider Title:</label> <input type="text" name="slider_title" /><br/><br/>"
"<label>Slider Description:</label> <input type="text" name="slider_description" /><br/><br/>"
"<input type="submit" value="New Slider" />"
"<input type="submit" value="Update Slider" />"
"</form>"
"</div>").appendTo('.container');
}
);

$（文档）。准备好了吗
(
函数（）
{
//$（“在此追加表单”）.appendTo（“.container”）；
$(""
""
“滑块标题：

”
“滑块说明：

”
""
""
""
“）.appendTo（“.container”）；
}
);

您可以在这里看到小提琴

尝试将您的

“

替换为

”

，并使用字符串串联运算符

+

请注意我的代码是如何正确着色的，而你的代码是如何正确着色的。你不能在JS和JS中的HTML中使用相同类型的引号

        $("<div class='form-holder'>" +
        "<form name='input' action='#' method='get'>" +
        "<label>Slider Title:</label> <input type='text' name='slider_title' /><br/><br/>" +
        "<label>Slider Description:</label> <input type='text' name='slider_description' /><br/><br/>" +
        "<input type='submit' value='New Slider' />" +
        "<input type='submit' value='Update Slider' />" +
        "</form>" +
        "</div>").appendTo('.container');

$（“”+
"" +
“滑块标题：

”+
“滑块说明：

”+
"" +
"" +
"" +
“）.appendTo（“.container”）；

您的字符串有问题，您需要使用转义引号和+进行连接，或者将字符串写在一行中。

您的问题是您没有编写正确的JavaScript。您正在拆分字符串，而没有在行之间使用

+

。将其与单引号和双引号混合使用，您会遇到m阿约尔问题

$('<div class="form-holder">'+
'<form name="input" action="#" method="get">'+
'<label>Slider Title:</label> <input type="text" name="slider_title" /><br/><br/>'+
'<label>Slider Description:</label> <input type="text" name="slider_description" /><br/><br/>'+
'<input type="submit" value="New Slider" />'+
'<input type="submit" value="Update Slider" />'+
'</form>'+
'</div>').appendTo('.container');

$（“”+
''+
'滑块标题：

'+
'滑块说明：

'+
''+
''+
''+
''）。附录（'.container'）；

---

这里有一个正在工作的exmaple

$（文档）。准备好了吗(
函数（）{
//$（“在此追加表单”）.appendTo（“.container”）；
$（“滑块标题：

滑块说明：

”）.appendTo（“.container”）；
});​

这些仅仅是单独行上的字符串吗？你必须将它们与++连接在一起。再加上你正在尝试嵌套“inside”。尝试“inside”like“注意这里突出显示的语法。你的HTML不能包含

”

，因为HTML在PHP世界中存在于一组引号内。@n8wrl它们是单独的行，在你发布你的答案之前，我就开始写我的答案了（=）在选择接受谁的答案时遇到了一个尴尬的时刻，因为它们都有效。@flapjack只要接受你想要的答案，并投票给任何有帮助的人即可=）@saluce我知道。只有乔辛+1我想不出任何情况下JS/HTML的格式应该是这样的。这几乎是不可读的。

$(document).ready(

function() {
    //$("<div class='form-holder'>Append a form here</div>").appendTo('.container');
    $("<div class='form-holder'><form name='input' action='#' method='get'><label>Slider Title:</label> <input type='text' name='slider_title' /><br/><br/><label>Slider Description:</label> <input type='text' name='slider_description'/><br/><br/><input type='submit' value='New Slider' /><input type='submit' value='Update Slider' /></form></div>").appendTo('.container');
});​