如何在通过 ajax 选项卡动态加载页面时调用 javascript？答案

【问题标题】：how can i call javascript on loading a page dynamically through ajax tabs?如何在通过 ajax 选项卡动态加载页面时调用 javascript？
【发布时间】：2012-06-06 06:43:34
【问题描述】：

我有一个基本文件 (base.jsp)，其中包含对 jquery.js、lightbox.js 等的引用。该文件具有 jquery 选项卡和在 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 => 产生Result2.jsp

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

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

但是，我无法访问我在 base.jsp 中包含的 jquery 或其他 javascript，因此上述方法不起作用。

通过 ajax 在选项卡中加载 html 时，我应该在哪里定义我想在加载时触发的 javascript？

我是否应该再次在 Result2.jsp 中包含我打算在 Result2.jsp 上使用的外部 javascript？

【问题讨论】：

标签： jquery jquery-load

【解决方案1】：

你必须在你的主页中包含你所有的 javascript，当从 ajax 返回时，如果 status==200 然后调用你的 javascript(JQuery 函数)

【讨论】：