jquery - 包含脚本的 jQuery load() div

Question

我正在尝试使用 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');
        });
      });
    });

Answer 1

我会通过一个$.ajax()电话来做到这一点：

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

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