AJAX加载内容中的Jquery插件

时间:2014-06-23 19:27:37

标签: javascript jquery html ajax django

我正在使用Django,之后描述的标签加载了render_to_response,并且在AJAX调用的success方法上设置了html响应。

流程:

  • 我的页面有标签。为了避免加载所有选项卡,它们是动态加载的(使用AJAX)
  • 此主页有自定义的javascript文件
  • 在一个加载的div中,当点击一个按钮时,我有一个插件,fancytree,在div上调用。这两个标签都有自己的自定义javascript plus 是第一点中描述的主页之一。

这是一张图表,希望能帮助您理解:

mybase.html
     ---> mybase.js

     ------- AJAX Loaded -------> mytab1.html <-------------
                                     --> mytab1.js -------| (*1)

     ------- AJAX Loaded -------> mytab2.html
                                     --> mytab2.js

     ------- AJAX Loaded -------> mytabn.html
                                     --> mytabn.js

(* 1):在mytab1.js中,我有一部分使用插件fancytree格式化的代码 作为JSON字符串。

即:

base.js : 
$('document').ready(function(){
   $('#someTab').on('click',function(){
        $(this).html(loadSomeAjax());
   });
});

mytab1.html : 
<div id='my_fancy_tree'> // Some JSON here </div>

mytab1.js : 
$('document').on('ready ajaxComplete',function(){
     $('#my_fancy_tree').fancytree({ // params here });
});

我的问题很简单,如何使插件fancytree工作?我尝试了各种各样的东西,阅读了很多文档,但不幸的是,从来没有弄明白该怎么做。

0 个答案:

没有答案