重新加载PHP包含或要求

我正在使用JQuery选项卡,我希望能够在单击时加载每个页面。

所以我的index.php在我的数据库连接等顶部有一个include,然后我有这些标签:

 

每个标签都有自己的内容div:

 

然后我有单独的页面,不包括我想要包含在选项卡内容div中的数据库连接

但我不希望在index.php页面加载时将它们全部加载。 如何在单击选项卡时设置每个包含加载?

你需要调用标签的ajax更改。 您可以使用以下代码。 这个例子在jQuery站点中给出

  

HTML

 

Proin elit arcu, rutrum commodo, vehicula tempus, commodo a, risus. Curabitur nec arcu. Donec sollicitudin mi sit amet mauris. Nam elementum quam ullamcorper ante. Etiam aliquet massa et lorem. Mauris dapibus lacus auctor risus. Aenean tempor ullamcorper leo. Vivamus sed magna quis ligula eleifend adipiscing. Duis orci. Aliquam sodales tortor vitae ipsum. Aliquam nulla. Duis aliquam molestie erat. Ut et mauris vel pede varius sollicitudin. Sed ut dolor nec orci tincidunt interdum. Phasellus ipsum. Nunc tristique tempus lectus.

您可以在https://jqueryui.com/tabs/#ajax找到更多详细信息

您可以使用jquery的加载function。 并且您可以在选项卡中包含php文件。 使用下面的代码

  

不要忘记首先包含Jquery库

当您单击选项卡时尝试此代码。

 $(document).ready(function(){ $('#tab_1').click(function(){ //tab sub contents $('.sub_content1').load(/*url if div with id then #tab_1_content*/); }) $('#tab_2').click(function(){ //tab sub contents $('.sub_content2').load(/*url if div with id then #tab_2_content*/); }) }