javascript - 在javascript中连接两个html block 变量

Question

我正在尝试使用 javascript 连接两个 html 代码块，然后调用一个对话框。我做了一些研究并尝试了 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 变量执行此操作，它会显示出来，但是当我尝试添加或连接其他变量时，什么也没有发生。显然我没有像我应该的那样使用这些变量。有任何想法吗？

Answer 1

连接字符串而不是 jQuery 对象

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

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