选项卡中内容的动态变化

Question

<?php --this is my index page--
header('Content-Type: text/html; charset=iso-8859-1');
  include ('Header.php');
  include ('Navigation.php');
  include ('Content.php');
  include ('Footer.php');
?>

<section class="tabs"> --this is my navigation tab--
  <ul class="links1lvl">
     <li class="active"><a>About</a>
        <ul class="links2lvl">
           <li class="active"><a href="../about/who.html">O nás</a></li>

我正在创建一个新网站，需要一些编码方面的帮助。我的想法是，我有 2 个部分。首先是选项卡选择所需内容，其次是显示实际内容的地方。

问题是，我找到了大量指南，但这些指南包括该索引页上所有选项卡的内容，但我有 20 多页，所以这是不真实的。我想要的是一个页面，当我单击不同的选项卡时，只有实际内容会发生变化，而不刷新整个页面并且从 ,external" html/php 文件加载。现在我不需要代码，我我会很乐意自己尽可能多地学习，但是我需要的是一个方向。我应该在哪里寻找解决方案。

Answer 1

您需要使用AJAX。这将允许您通过 Javascript 触发对外部文件的调用，并将结果显示到当前页面而不需要刷新。

选项卡中内容的动态变化

Dynamic change of content in tabs

html

php

jquery

tabs

dynamic