如何在通过ajax标签动态加载页面时调用javascript?

时间:2012-06-06 06:43:34

标签: jquery jquery-load

我有一个基本文件(base.jsp),其中包含对jquery.js,lightbox.js等的引用。此文件包含jrefery选项卡和href中指定的URL。

示例:

<div id="tabs" style="float:left; width:100%; clear:both;">
<ul>
    <li> <a href="HelloWorld.jsp"> Hello world tab </a></li>
    <li> <a href="OtherWorld.action?id=1"> Other world tab </a></li>
    </ul>       
</div>

我们假设OtherWorld.action?id=1 =&gt;收益率Result2.jsp

我想将函数处理程序附加到Result2.jsp中找到的某些div上的onClick事件。我通常在Result2.jsp中使用类似的东西:

$(document).ready(function() {
  // attach event handlers here
}

但是,我无法访问我在base.jsp中包含的jquery或其他javascripts,所以上面的内容不起作用。

当通过ajax在标签中加载html时,我应该在哪里定义我想在加载时触发的javascript?

我是否应该再次在Result2.jsp中包含我想在Result2.jsp上使用的外部javascripts?

1 个答案:

答案 0 :(得分:0)

你必须在主页面中包含所有的javascript,并且当从ajax返回时,如果status == 200,则调用你的javascript(JQuery函数)