Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/384.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/assembly/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在AJAX加载的选项卡中初始化jquery函数?_Javascript_Jquery_Ajax - Fatal编程技术网

Javascript 如何在AJAX加载的选项卡中初始化jquery函数?

Javascript 如何在AJAX加载的选项卡中初始化jquery函数?,javascript,jquery,ajax,Javascript,Jquery,Ajax,我的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>

我的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(函数(){
jQuery(“#tabs”).tabs().addClass(“ui选项卡垂直ui助手clearfix”);
jQuery(“#tabs li”).removeClass(“ui角顶部”).addClass(“ui角左侧”);
jQuery(“#制表符”).tabs({
加载前:函数(事件、ui){
ui.jqXHR.error(函数(){
ui.panel.html(
“无法加载此选项卡。我们将尝试尽快修复此问题。”);
});
}
});
});
我在每个选项卡上都有一个jQuery滑块。只有第一个(在加载的第一个选项卡中)可以正常工作,直到我导航到一个新的。当我回到第一个选项卡时,滑块已全部拧紧。我需要在每个AJAX加载选项卡上使用的初始化脚本是:

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

jQuery(文档).ready(函数(){
jQuery(“#水平容器_外部”).horizontalScroll();
});
我知道(文件)。准备不起作用。我需要知道在我的选项卡初始化脚本中的位置和内容,以使其正常工作

我知道我需要在jQuery中使用几个函数中的一个,但我不知道使用什么以及在哪里。我的选项看起来像.load(),.bind(),.success()


如果有人能给我指出正确的方向并具体说明,我会很高兴的。提前谢谢。我也愿意为解决方案付费:)

尝试使用激活事件

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();
  }
});

我非常怀疑,如果有人能帮助你,有人会一直愿意帮助你。你能添加一个提琴吗?提琴的例子是为了尽可能接近你能得到的工作,所以我们可以直接看到问题,而不仅仅是你的代码的副本/面食。阿彻,这没有意义。如果我让它工作,我就不会问了。如果这不是复制/粘贴工作,那么我不知道还要在那里放置什么。感谢联合国的帮助:(改为在document.ready上初始化。)在附加ajax数据后初始化滑块。它对我有用