Append()函数可在Chrome中使用,但不能在Firefox中使用,层次结构错误

时间:2019-06-11 14:06:00

标签: javascript jquery

好吧,所以我有一个关于模态的表单信息,我需要关闭模态(但不提交表单),然后打开另一个模态,然后一旦他们在THAT模态上单击Submit按钮,它就会生成AJAX调用旧格式的PHP文件。

我是通过获取表单信息并将整个元素移动到hidden_div来完成此操作的,然后在准备就绪时将信息附加到表单上。

只能在Chrome上运行,而不能在Firefox上运行。

switch_form_event = button.closest('.create-event-form');
hiddenDiv = $('#hidden_inner_div');
parent = switch_form_event.closest('.reveal');
hiddenDiv.attr("name", parent.id.toString());
switch_form_event.style.display = "none";
$(hiddenDiv).append($(switch_form_event)); //FAILS HERE

我尝试了其他操作,例如:hiddenDiv += switch_form_event,但这不起作用。

我得到的错误是:

  

无法在层次结构中的指定点插入节点

该节点应仅为表单信息,而不包含表单标签,也称为<input value='123'/>等。

1 个答案:

答案 0 :(得分:0)

hiddenDivswitch_form_event都已经是JQuery对象。另外,style不是jQuery对象的属性。可能是您的错误实际上是由您未意识到的其他原因引起的。

尝试一下:

switch_form_event = button.closest('.create-event-form');
hiddenDiv = $('#hidden_inner_div');
parent = switch_form_event.closest('.reveal');
hiddenDiv.attr("name", parent.id.toString());
switch_form_event.css("display", "none");
hiddenDiv.append(switch_form_event);

如果仍然无效,请发布相关的HTML代码。