jquery工具: Calling doc ready initialization in script loaded by ajax

Question

我有一个基于 jquery 工具的选项卡工作得很好，并且在每个选项卡上我使用 ajax 加载页面。其中一个页面已经获得了另一方的工具，需要在准备好后运行以下代码:

$(function() { $('.scroll-pane').jScrollPane({showArrows: true}); });

我注意到该代码应该放在哪里(在ajax加载的页面中)。根据 Flowplayer 的说法:

“脚本标记应放置在 HTML 元素下方，而不是放置在 document.ready() 事件内，因为使用 AJAX 加载的页面不会触发该事件。”

这是否意味着将以上内容封装在 <script></script> 中标签，并放在 </html> 之后标签？这超出了整个文档，所以看起来不正确......

帮助任何人...我应该将初始化代码放在 ajax 文档中的哪里？

谢谢

Answer 1

将其作为 AJAX 加载的回调运行，这样代码将在 HTML 加载到 DOM 后运行。

$('#result').load('ajax/test.html', function() {
  $(function() { $('.scroll-pane').jScrollPane({showArrows: true}); });
});

在 API for load() 中了解更多信息.