Question

我正在使用jquery.load();

加载这3个文件

$('#default-modal .modal-title').load('/app/components/leads/list/create/form-header.html');
$('#default-modal .modal-body').load('/app/components/leads/list/create/form-body.html');
$('#default-modal .modal-footer').load('/app/components/leads/list/create/form-footer.html');

但是form-header.html文件包含未关闭的<form>标记，并且jquery.load()或浏览器正在文件末尾立即关闭此标记。有没有办法阻止它这样做？

编辑：我看到自1.8以来不推荐使用load方法，使用jquery / js加载html文件的当前标准方法是什么？

Answer 1

这绝对是jQuery的所作所为。因为jQuery操纵DOM，它会自动关闭标签。先前的load()方法之前是jQuery的当前.on("load", ...)方法，并且已弃用以消除歧义。它现在只适用于AJAX。

无论如何，为了解决您的问题，我建议您使用jQuery.ajax()方法。

以下是基于您的代码的示例：

$.ajax('/app/components/leads/list/create/form-header.html', {
    dataType: 'html',
    success: function(data, status, jqXHR) {
       $('#default-modal .modal-title').html(data);
    }
});

编辑：.html()函数可能会自动关闭标记，现在我想起来了。我得测试一下。

从结束标记停止jQuery load（）

1 个答案: