CODEWITHSUNDEEP
javascriptjqueryhtml
user3833682
user3833682

Reputation: 263

create div element with jquery is not working

I'm trying to create element with jquery and loading html file but my code is not working I tried different ways but none of them didn't work for me first code was

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");
    });
});

this code was not working then I tried this one

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");
    }));
});

This was also not working then I tried simple one to create element and third one was

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

Then I saw that div element is not created I check the code and its syntax and its code is right don't know what is the problem.

Note: this code is working fine

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

because I already created div myself in a html file. Now finally I don't want to create div myself I want to create div with jquery and load html file which has bootstrap modal.

Upvotes: 0

Views: 327

Answers (3)

Death-is-the-real-truth
Death-is-the-real-truth

Reputation: 72269

jQuery("</div>", need to be either jQuery("<div></div>", Or jQuery("<div>",

So code need to be:-

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");
    }));
});

Upvotes: 2

sakthi
sakthi

Reputation: 21

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

Upvotes: 0

Kalyan Tullimelli
Kalyan Tullimelli

Reputation: 11

$('#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>');
});

Upvotes: 0

Related Questions