0

当我尝试使用将一些文本附加到现有 div 时，我很幸运

$("<div class='form-holder'>Append a form here</div>").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');
}
);

你可以在这里看到小提琴http://jsfiddle.net/F7YAe/

4

4 回答 4

3

尝试使用字符串连接运算符替换您"的'+

注意我的代码是如何正确着色的，而你的不是。您不能在 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');
于 2012-06-26T20:40:58.243 回答
2

您的问题是您没有编写正确的 JavaScript。您正在拆分字符串而不在行+之间使用。再加上混合单引号和双引号，你就会遇到重大问题。

$('<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');

http://jsfiddle.net/F7YAe/9/

于 2012-06-26T20:42:41.787 回答
1

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

于 2012-06-26T20:41:17.723 回答
1

这是一个工作示例！

http://jsfiddle.net/F7YAe/10/

$(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');
});​
于 2012-06-26T20:43:00.530 回答