如何在AJAX加载的标签中初始化jquery函数？

Question

我的AJAX加载选项卡工作正常，这是代码：

<div id="tabs">
  <ul>
    <li><a href="../about-leadership-admin-ajax/">Leadership / Admin</a></li>
    <li><a href="../about-sales-marketing-ajax/">Sales & Marketing</a></li>
    <li><a href="../about-service-desk-technicians-ajax/">Service Desk Technicians</a></li>
    <li><a href="../about-technology-consultants-ajax/">Technology Consultants</a></li>
    <li><a href="../about-manufacturing-consultants-ajax/">Manufacturing Consultants</a></li>
    <li><a href="../about-salesforce-cpm-consultants-ajax/">Salesforce/CPM Consultants</a></li>
    <li><a href="../about-developers-ajax/">Developers</a></li>
  </ul>
</div>

和我的初始化脚本：

<script>
  jQuery(function() {
    jQuery( "#tabs" ).tabs().addClass( "ui-tabs-vertical ui-helper-clearfix" );
    jQuery( "#tabs li" ).removeClass( "ui-corner-top" ).addClass( "ui-corner-left" );

    jQuery( "#tabs" ).tabs({
      beforeLoad: function( event, ui ) {
        ui.jqXHR.error(function() {
          ui.panel.html(
            "Couldn't load this tab. We'll try to fix this as soon as possible." );
        });
      }
    });
  });
</script>

我在每个选项卡上都有一个jQuery滑块。 只有第一个（在加载的第一个选项卡中）可以正常工作，直到我导航到一个新的。 当我回到第一个选项卡时，滑块已全部拧紧。 我需要在每个AJAX加载选项卡上具有的初始化脚本是：

<script>
jQuery(document).ready(function(){
jQuery('#horiz_container_outer').horizontalScroll();
});
</script>

我知道（document）.ready无法正常工作。 我需要知道在选项卡初始化脚本中的位置以及放置位置，才能完成此工作。

我知道我需要使用jQuery中的几个功能之一，但我不知道该在哪里使用什么。 我的选项看起来像.load（）、. bind（）、. success（）。

如果有人可以指出我正确的方向并做到具体，我会喜欢的。 提前致谢。 我也愿意为解决方案付费：)

Answer 1

尝试使用Activate事件

jQuery( "#tabs" ).tabs({
  beforeLoad: function( event, ui ) {
    ui.jqXHR.error(function() {
      ui.panel.html(
        "Couldn't load this tab. We'll try to fix this as soon as possible." );
    });
  }
  activate: function( event, ui ) {
    jQuery('#horiz_container_outer').horizontalScroll();
  }
});