1

我希望能够动态加载外部 javascript 文件，然后将脚本中的方法绑定到 DOM 中的特定元素。那可能吗？如何？有什么限制？

我想一个解决方案看起来像这样，但我愿意接受任何可行的方法：

<html><body>
  <div class="A">aaaaa</div>
  <div class="B">bbbbb</div>
  <div class="A">aaa</div>
</body></html>

<script type="text/javascript">
  //This is the internal script, part of the original page
  $.get("url/outside_script.js",
    function(script_obj){
      $(".A").bind('niftyMethod', script_obj.niftyMethod)
    }
  );
</script>

这是外部脚本：outside_script.js

<script type="text/javascript">
  var script_obj = {
    niftyMethod : function(){
      //Do cool stuff in the context of a DOM object.
      $(this).fadeOut(500,function(){$(this).fadeIn(500)});
  }
</script>

我在这方面做了很多谷歌搜索，但没有找到太多。也许我使用了错误的搜索词...？

注意：如果需要的话，我很乐意使用 jquery。

4

1 回答 1

0

一些更正：

脚本：

<script type="text/javascript">

    //add script to page
    var script = document.createElement('script');
    script.type = 'text/javascript';
    script.src = "url/outside_script.js";
    $('body').append(script);

    //on document ready, bind your function
    $(function(){
        $(".A").bind('click', script_obj.niftyMethod)
    });

</script>

外部文件：

var script_obj = script_obj || {
    niftyMethod : function(){
      //Do cool stuff in the context of a DOM object.
      $(this).fadeOut(500,function(){$(this).fadeIn(500)});
  }
于 2012-04-27T03:41:09.973 回答