jQuery .load() / .ajax() not executing javascript in returned HTML after appended

by

When load() is used with a fragment selector the script element will be stripped out before the fragment is added thus the script will not get executed.

When calling .load() using a URL without a suffixed selector
expression, the content is passed to .html() prior to scripts being
removed. This executes the script blocks before they are discarded. If
.load() is called with a selector expression appended to the URL,
however, the scripts are stripped out prior to the DOM being updated,
and thus are not executed. An example of both cases can be seen below:

So Try

$.get('partial.html', function(result){
    $result = $(result);

    $result.find('#content').appendTo('#new_content');
    $result.find('script').appendTo('#new_content');
}, 'html');

Demo: Fiddle

More Related Contents:

  1. jQuery ajax load() java script not executing?
  2. jQuery+JavaScript: Create custom ajax call function with single object as argument [closed]
  3. jQuery: Return data after ajax call success [duplicate]
  4. Uploading both data and files in one form using Ajax?
  5. Use basic authentication with jQuery and Ajax
  6. How do I POST urlencoded form data with $http without jQuery?
  7. ReactJS convert HTML string to JSX
  8. event.returnValue is deprecated. Please use the standard event.preventDefault() instead
  9. Why is it a bad practice to return generated HTML instead of JSON? Or is it?
  10. How to send a message to a particular client with socket.io
  11. jquery submit form and then show results in an existing div
  12. What does “return false;” do?
  13. Show a progress bar for downloading files using XHR2/AJAX
  14. How to trigger an onkeyup event that’s delayed until a user pauses their typing?
  15. Use JSONP to load an html page
  16. How to disable beforeunload action when user is submitting a form?
  17. Aborting jQuery().load()
  18. How to loop through Ajax Requests inside a JQuery When – Then statment?
  19. AJAX: Submitting a form without refreshing the page
  20. jQuery – How can I temporarily disable the onclick event listener after the event has been fired?
  21. Javascript – Stop form submit depending on ajax response [duplicate]
  22. How do I resend a failed ajax request?
  23. Abort new AJAX request before completing the previous one
  24. When loading an html page via ajax, will script tags be loaded?
  25. Automatically resize jQuery UI dialog to the width of the content loaded by ajax
  26. How to add a Facebook “Like” button to an AJAX driven page
  27. $.post throwing “Illegal invocation “
  28. CORS error with jquery
  29. XMLHttpRequest; Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource [duplicate]
  30. How to replace the entire html webpage with ajax response?

Leave a Comment