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

ここに実用的な例があります!

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 に答える
1

文字列に問題がある場合は、引用符をエスケープし、連結のために + を使用するか、文字列を 1 行で記述します。

于 2012-06-26T20:41:17.723 に答える