包含脚本的jQuery load()div

时间:2013-04-20 14:30:58

标签: jquery load getscript

我正在尝试使用load()将包含javascript链接的div加载到另一个页面(http://www.thebigkerbang.com/brand-storytellers/clients/xour-clients.html)上的另一个div中。我知道load()剥离了脚本标签,但我对$ .getscript有点困惑。我可以加载div,因为我可以在代码检查器中看到它。

从此页面加载div:

 <div id="beautific_hype_container" style="position:relative;overflow:hidden;width:700px;height:500px;"> 
    <script type="text/javascript" charset="utf-8" src="beautific.hyperesources/beautific_hype_generated_script.js?10913"></script> 
  </div>

从此页面进入div:

<div class = "edgeContent"></div>

 $('document').ready(function(){
  $(".beautific").click(function(){
    $(".edgeContent").load('beautific/beautific.html #beautific_hype_container', function() {   
    $.getScript('beautific/beautific.hyperesources/beautific_hype_generated_script.js?10913');
        });
      });
    });

1 个答案:

答案 0 :(得分:0)

我会通过$.ajax()电话来完成:

$('document').ready(function(){
  $(".beautific").click(function(){
    $.ajax({
      url: "beautific/beautific.html #beautific_hype_container",
    }).done(function ( data ) {
      $(".edgeContent").html(data);
    });
  });
});

这样你的脚本标签也不会被过滤掉。