Question

我尝试使用jquery创建元素并加载html文件，但我的代码无法正常工作我尝试了不同的方法但是没有一个对我来说没有工作第一个代码是

jQuery(document).on("click", "#clickToCreateFreeAccount", function(e) {
     jQuery("</div>", {"id": "createFreeAccountDiv"}).load("js/Modals/createFreeAccount.html", function() {
        e.preventDefault();
        jQuery.noConflict();
        jQuery("#createFreeAccountModal").modal("show");
    });
});

此代码无效，然后我尝试了这个

jQuery(document).on("click", "#clickToCreateFreeAccount", function(e) {
     jQuery("body").append(jQuery("</div>", {"id": "createFreeAccountDiv"}).load("js/Modals/createFreeAccount.html", function() {       
        e.preventDefault();
        jQuery.noConflict();
        jQuery("#createFreeAccountModal").modal("show");
    }));
});

这也没有用，然后我尝试了简单的创建元素，第三个是

jQuery(document).on("click", "#clickToCreateFreeAccount", function(e) {
        e.preventDefault();
        jQuery.noConflict();
     jQuery("body").append(jQuery("</div>", {id: "createFreeAccountDiv"}));
});

然后我看到没有创建div元素我检查代码及其语法及其代码是对的，不知道是什么问题。

注意：此代码工作正常

jQuery(document).on("click", "#clickToCreateFreeAccount", function(e) {
    jQuery("#createFreeAccountDiv").load("js/Modals/createFreeAccount.html", function() {
        e.preventDefault();
        jQuery.noConflict();
        jQuery("#createFreeAccountModal").modal("show");
    });
});

因为我已经在html文件中创建了div。现在终于我不想自己创建div我想用div创建jquery并加载具有bootstrap模式的html文件。

Answer 1

jQuery("</div>",必须是jQuery("<div></div>",或jQuery("<div>",

所以代码必须是： -

jQuery(document).on("click", "#clickToCreateFreeAccount", function(e) {
     append(jQuery("<div id='createFreeAccountDiv'></div>").load("js/Modals/createFreeAccount.html", function() {       
        e.preventDefault();
        jQuery.noConflict();
        jQuery("#createFreeAccountModal").modal("show");
    }));
});

Answer 2

$(document).ready(function(){
    var config="<div>Hi Welcome</div>"
    jQuery('body').append(config);
});

Answer 3

$('#element_name').append('<div id"element_id_ex1" name="element_name_ex1"></div>');

or 

$("#clickToCreateFreeAccount").on('click',function()
{
    $('#element_name').append('<div id"element_id_ex1" name="element_name_ex1"></div>');
});

使用jquery创建div元素不起作用

3 个答案: