Load JavaScript from a post that's loading into Fancybox via ajax

Question

I'm hoping this makes sense. When a user clicks on a post title I'm launching a modal overlay via fancybox, and feeding the associated post content via ajax. However I have a javascript call function that I need to run that is from the post that isn't running when the content is pulled. I have a guess the it has something to do with $(document).ready(function() Any ideas? How to I load this function after the modal overlay has been triggered?

<script type="text/javascript">
$(document).ready(function(){
  $("#jquery_jplayer_1").jPlayer({
    ready: function () {
      $(this).jPlayer("setMedia", {
        m4v: "http://www.jplayer.org/video/m4v/Big_Buck_Bunny_Trailer_480x270_h264aac.m4v",
        ogv: "http://www.jplayer.org/video/ogv/Big_Buck_Bunny_Trailer_480x270.ogv",
        poster: "http://www.jplayer.org/video/poster/Big_Buck_Bunny_Trailer_480x270.png"
      });
    },
    swfPath: "/js",
    supplied: "m4v, ogv",
                        size: {
                     width: "850px",
                     height: "438px"
                }
  });
});
</script>

Milo · Accepted Answer · 2013-03-08 02:12:03Z

1

You need to apply any javascript after the content is loaded. See the Callbacks tab in documentation.

$(".fancybox").fancybox({
    afterLoad: function(current, previous){
        // initialize your js stuff  
    }
});

answered Mar 8, 2013 at 2:12

Milo

79.1k4 gold badges128 silver badges172 bronze badges

Add a comment |

Stack Exchange Network

Load JavaScript from a post that's loading into Fancybox via ajax

1 Answer 1

Your Answer

Hot Network Questions

Load JavaScript from a post that's loading into Fancybox via ajax

1 Answer 1

Your Answer

Sign up or log in

Post as a guest

Related

Hot Network Questions