Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/370.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的内容_Javascript_Jquery_Html_Ajax - Fatal编程技术网

Javascript 页面加载时强制显示特定选项卡ajax的内容

Javascript 页面加载时强制显示特定选项卡ajax的内容,javascript,jquery,html,ajax,Javascript,Jquery,Html,Ajax,我想在页面加载时首先显示.active类的内容 但是当我加载页面时,第一个类的内容会显示出来 这是我的导航菜单 <ul class="nav nav-pills navTab"> <li role="presentation" class=""> <a aria-controls="data" role="tab" data-toggle="tab" data-name="info" aria-expanded="false">info</a

我想在页面加载时首先显示.active类的内容

但是当我加载页面时,第一个类的内容会显示出来

这是我的导航菜单

<ul class="nav nav-pills navTab">
 <li role="presentation" class="">
     <a aria-controls="data" role="tab" data-toggle="tab" data-name="info" aria-expanded="false">info</a>
 </li>

 <li role="presentation" class="active">
  <a aria-controls="data" role="tab" data-toggle="tab" data-name="servers" aria-expanded="true">watch</a>
  </li>

 <li role="presentation">
<a aria-controls="data" role="tab" data-toggle="tab" data-name="download"> download</a>
</li>

 <li role="presentation">
 <a aria-controls="data" role="tab" data-toggle="tab" data-name="selary"> selary</a>
 </li>
 <li role="presentation">
  <a aria-controls="data" role="tab" data-toggle="tab" data-name="comment"> comment</a>
 </li>
 </ul>
  • 信息
  • 下载
  • 塞拉利
  • 评论
这是我的内容

<div class="getData">
  <ul class="postInfo">
    info content here 
 </ul>
</div>



 <div class="getData">
    <div class="row">
        <div class="col-md-12 col-sm-12 col-xs-12">
            <div class="servers">
                    servers content here    
            </div>
        </div>
    </div> 
</div>

    信息内容在这里
这里的服务器内容

第一个类是postInfo,我想在页面加载时显示类行的内容,加载页面后需要显式打开选项卡,如:

$('.navTab .active').tab('show');

加载页面后,需要显式打开选项卡,如:

$('.navTab .active').tab('show');

尝试以下操作

$('li')。每个(函数(i){
if($(this).hasClass('active'))
{
$(this.css('display','block');
}
其他的
{
$(this.css('display','none');
}
});

  • 信息
  • 下载
  • 塞拉利
  • 评论
    信息内容在这里
这里的服务器内容
尝试以下操作

$('li')。每个(函数(i){
if($(this).hasClass('active'))
{
$(this.css('display','block');
}
其他的
{
$(this.css('display','none');
}
});

  • 信息
  • 下载
  • 塞拉利
  • 评论
    信息内容在这里
这里的服务器内容
谢谢大家,我发现了问题,问题出在JS文件中,我调用了另一个文件,所以我将其更改为调用servers.php,它可以工作:)

谢谢大家,我发现了问题,问题出在JS文件中,我调用了另一个文件,所以我将其更改为调用servers.php,它可以工作:)

现在检查我添加了一个内容到底发生了什么问题?类的内容“.active”,在单击选项卡之前不显示检查现在我添加了一个内容到底发生了什么问题?类的内容“.active”,在单击选项卡之前不显示