SCRIPT src not loaded after append in to HTML using jQuery

Question

I am developing application where required to load new HTML and append into current page HTML.

Now, I loaded new HTML using jQuery ajax but in new loaded HTML have <script> which display audio to play. But my issue is when script load then script tag from loaded HTML not display even not loaded.

I used:

<script src="Link of JS file which create audio" type="text/javascript"></script>

Above code not display / not loaded after append.

I append like:

var html = '<div> <h1>Header</h1> <div>Contain area</div>
            <script src="Link of JS file which create audio" type="text/javascript"></script></div>'
$("#container").append(html);

But not working. Any one have a idea in it.

Thanks

Sinan Guclu · Accepted Answer · 2016-06-29 10:44:28Z

1

You can use jQuery getScript();

$.getScript( "url/for/script.js" )
    .done(function( script, textStatus ) {
        console.log( 'script loaded' );
     })
    .fail(function( jqxhr, settings, exception ) {
        console.log( 'Script not loaded' );
     });

This will append the JavaScript file in script tags.

1 Comment

harsh4u Over a year ago

Some mis-understanding here. Can you please check updated question now.

Collectives™ on Stack Overflow

SCRIPT src not loaded after append in to HTML using jQuery

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related