Load page using jQuery's .load()

Question

After trying to get this to work for hours I turn to you guys.

I want to load a page into a div tag using jQuery. The page I'm loading has a HTML5 media player:

<h3> {{ title }} </h3> <audio controls autoplay> <source src="/static/media/{{ song }}" type="audio/mp3"> Your browser does not support this audio format. </audio>

when I load the page directly it works fine. When I do it like this:

<script type="text/javascript"> $(function() { $( ".song" ).click(function() { alert('hello') }); $("#mp").load("/playsong?song_id=53847b72936aa27d640039f7"); }); </script>

It works fine (and the hello message works!)

But when I put the load command inside the .click() event, it does not work:

<script type="text/javascript"> $(function() { $( ".song" ).click(function() { alert('hello') $("#mp").load("/playsong?song_id=53847b72936aa27d640039f7"); }); }); </script>

I am using flask on the backend and in all cases the code on the backend gets executed.

missing ; after alert. Not sure if that could be causing any issue — cr0ss
– cr0ss, Commented Jun 6, 2014 at 14:24
@cr0ss Ya not the issue, added automatically by js interpreter — A. Wolff
– A. Wolff, Commented Jun 6, 2014 at 14:25
Instead of load try $("#mp").html("/playsong?song_id=53847b72936aa27d640039f7"); — Surendheran
– Surendheran, Commented Jun 6, 2014 at 14:33

Amin Jafari · Accepted Answer · 2014-06-07 19:41:42Z

try this:

<script type="text/javascript"> $(function() { $(document).on("load","#mp","/playsong?song_id=53847b72936aa27d640039f7"); $( ".song" ).click(function() { alert('hello') $( "#mp" ).trigger( "load" ); }); }); </script>

let me know if this works, 'cause I have a backup answer!

Collectives™ on Stack Overflow

Load page using jQuery's .load()

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related