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

标签 jquery ajax tabs initialization

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

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

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

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

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

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

谢谢

最佳答案

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

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

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

关于jquery工具: Calling doc ready initialization in script loaded by ajax,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5306110/

相关文章:

javascript - 复选框更改功能仅触发一次

javascript - jQuery 更改背景颜色 CSS

visual-studio - 如何在 Visual Studio 2012 中保存打开的选项卡和选项卡组?

tabs - Visual Studio 2013 正在插入制表符而不是空格

f# - F#中的空格和缩进

包含 html-template 时 Javascript 不执行

jquery - 为什么 Internet Explorer 不能运行这个简单的 jQuery?

php - PHP 跨域的 Ajax GET 响应

c# - WebBrowserDocumentCompletedEventHandler 不要等待 Ajax 异步完成

php - jQuery $.post 请求失败