使用 .load() 加载页面片段不包括嵌入的 javascript

Question

我有一个使用 .load() 方法加载的表单。

$(function() {
    $('#items,#button-search').hide();
    $("#companies").click(function() { 
        $(this).attr("value",""); 
        $('#address,#new-company-form').empty();
    });
    $( "#companies" ).autocomplete({
        source: ";companies",
        minLength: 2,
        select: function( event, ui ) {
            if(ui.item.id == "create-new-company") {
                // call the new company form
                $('#address').empty();
                $('#new-company-form').load(';company_form #autoform');
            }
            else
            {
                $('#new-company-form').empty();
                $.ajax({
                    type: 'GET',
                    url: ';addresses?company=' + ui.item.id,
                    dataType: 'json',
                    // process the addresses
                    success: function(json) {
                        var opts = '';
                        $.each(json, function(k, v) {
                            opts += '<option>' + v + '</option>';
                        });
                        $('#address').html('<select>' + opts + '</select>');
                    }
                }); //end ajax call to address
            }
        } // end select address
    }); // end autocomplete
}); // end function

在第 15 行，我有

$('#new-company-form').load(';company_form #autoform');

如果我删除#autoform，则 ;company_form html 中的 javascript 可以工作，否则不会加载。

如何让它工作？

谢谢

Answer 1

.load()方法的第一个参数是url。您在这里需要的网址可能只是;company_form。你想通过在url中传递#autoform来实现什么？

如果它在没有#autoform 的情况下也能工作，那你为什么不干脆删除它呢？

Answer 2

是的，他只想加载页面片段。第一个参数确实是 url，所以只需输入 'company_form' 所在页面的名称，然后添加您想要的片段。所以它应该看起来像这样......

$('#new-company-form').load('company_form.php #autoform');

我想唯一的变化是添加扩展名到 'company_form'