Question

我希望 .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 ，我想在页面加载时显示类行的内容

Answer 1

页面加载后，您需要显式打开选项卡，例如：

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

Answer 2

尝试关注

// sudo apt-get install libreadline-dev
// g++ -std=c++11 main.cpp -lreadline

#include <iostream>

#include "readline/readline.h"
#include "readline/history.h"

using namespace std;

int main(int argc, char** argv)
{
    const char *line;
    while ((line = readline("? ")) != nullptr) {
        cout << "[" << line << "]" << endl;
        if (*line) add_history(line);
        free(line);
    }
// if(argc!=2)
// {
//  cout<<"<exe> one_parameter"<<endl;
//  return 1;
// }
// string option=argv[1];
// if(option=="apple" || option=="cherry")
//  cout<<"Your option is "<<option<<endl;
// else
// {
//  cout<<"Error: invalid option "<<option<<endl;
//  return 1;
// }

    return 0;
}

$('li').each(function(i){
   		if($(this).hasClass('active'))
        {
        $(this).css('display','block');
        }
        else
        {
        $(this).css('display','none');
        }
   });

Answer 3

谢谢大家，我找到了问题，问题出在JS文件中，我正在调用另一个文件，所以我将其更改为调用servers.php，它可以工作：）

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

3 个答案: