在jQuery Ajax中加载javascript

时间:2010-05-11 19:00:18

标签: javascript jquery ajax

我的文档头部以及body结束标记附近的底部有几个javascripts。我使用jQuery将ajax元素调用到位,并且调用的元素需要这些javascripts才能运行。如何将这些javascripts包含在ajax调用中?

示例:

jQuery(document).ready(function(){ 

        jQuery("a[rel=VideoPreview1]").click(function(){
            jQuery("a[rel=VideoPreview1]").hide();
            jQuery("a[rel=HideVideoPreview1]").show();
            jQuery.ajax({
               type: "POST",
               url: "/Classes/Video.php",
               data: "action=getYoutubeVideos&artist=B.o.B&track=Nothin On You",
              success: function(data){
                 jQuery("#VideoPreview1").html(data);
               }
             });
            jQuery("#VideoPreview1").show();
        preventDefault();
        });
        jQuery("a[rel=HideVideoPreview1]").click(function(){
            jQuery("a[rel=VideoPreview1]").show();
            jQuery("a[rel=HideVideoPreview1]").hide();
            jQuery("#VideoPreview1").hide();
            preventDefault();
        });
        });

因此ajax函数会将内容加载到正确的DIV元素中。头部包含核心文件(即jquery,工具提示,灯箱),在代码底部附近,javascripts被引用(即load.tooltip(VideoPreview1))

希望现在有足够的信息

1 个答案:

答案 0 :(得分:0)

好的,这就是我最终做的事情:

<script>
   function BottomVideoPlayer(){
      // MY JAVASCRIPT HERE
   }
   jQuery(document).ready(function(){
      init: BottomVideoPlayer();
   });

</script>

然后当我想把它调成Ajax:

<script>
    jQuery.ajax({
      type: "POST",
      url: "/Classes/Video.php",
      data: "action=getYoutubeVideos&artist='.$Artist.'&track='.$Track.'",
      success: function(data){                      
      jQuery("#VideoPreview'.$SongID.'").html(data);
      init: BottomVideoPlayer();
      }
     });
</script>

将我的脚本包裹在一个函数周围,并在需要时启动该函数。