1

HTMLコードの2つのブロックをjavascriptで結合し、後でダイアログを呼び出そうとしています。私はいくつかの調査を行い、concatと+を試しましたが、それは機能しません。これが私のコードの簡略版です：

   var html =
      "<div class=\"dialog-form\" title=\"Edit\">" +
   "<form class=\"insertaplato\" method=\"POST\" action=\"edit.php\">" +
    "<fieldset>" +
        "<label>Plate: </label> <input  type=\"text\"  value=\"" + plate + "\" >" +
        "<label>Price: </label><input  type=\"text\"  value=\""+ price +"\" >";     

    "Spicy: <br>    ";
if (spicy==1)
{var varP=
        "<label> Yes </label><input  value= \"yes\" type=\"radio\" checked>"+ 
        "<label> No </label><input  value=\"no\"><br><br>";
} else {
    var varP=
        "<label> Yes </label><input  value=\"yes\" type=\"radio\">"+ 
        "<label> No </label><input value=\"no\" checked type=\"radio\"><br><br>";   
}


 var html2 = "<br>"+ 
    "<br><input id=\"insert\" type=\"submit\" value=\"Edit\" name=\"send\"> " + 
    "</fieldset>"+ 
    "</form>"+ 
    "</div>";

var div = $(html)+$(varP)+$(html2);

      div.dialog(
{
    title:"Edit Plate",
    close: destroy_this_dialog
});

現在のところ、ダイアログは表示されません。最初のhtml変数だけでこれを行うと、問題なく表示されますが、他の変数を追加または連結しようとしても何も起こりません。私は明らかにこれらの変数を必要に応じて使用していません。何か案は？

4

3 に答える 3

1

jQueryオブジェクトではなく文字列を連結します

  var div = $(html + varP + html2);

  div.dialog(
  {
    title:"Edit Plate",
    close: destroy_this_dialog
   });
于 2013-03-14T13:13:56.927 に答える
0

ピースを一緒に追加する場所を削除し$ます。文字列を単一のオブジェクトに追加したいとします。

 var div = $(html + varP + html2);
于 2013-03-14T13:22:32.403 に答える
0

の代わりに

var div = $（html）+ $（varP）+ $（html2）;

  div.dialog(

{タイトル： "プレートの編集"、閉じる：destroy_this_dialog}）;

これを試して：

var div = html + varP + html2;

  $('.dialog-form').dialog(

{タイトル： "プレートの編集"、閉じる：destroy_this_dialog}）;

于 2013-03-14T13:52:09.337 に答える