点击侧栏链接更改主分区中的内容

-1

我花了大约4〜5小时查看本网站和其他人的类似问题，并可以看到这是一个最喜欢的问题：但无法找到特定于加载的代码 - 说50个不同的PHP文件查看 - 成为一个主要的股利。线性分页不是目的。点击侧栏链接更改主分区中的内容

在一个侧边栏div中，我有一本书的章节（单独的php文件）的html链接列表。

我使用的ID我给每个章/主题/副标题作为ajax jquery的选择器（绝对是所有这一切的初学者）！以下是我对第一部分的实验。

<ul id="tocsub"> 
<li> 
<h2>Section One</h2> 
<ul> 
<li><a href="#" id="ChI" name="ChI">Chapter I</a> 
<ul> 
<li><a href="#" id="T1" name="T1">Topic 1</a> 
<ul> 
<li><a href="#" id="Suba" name="Suba">Sub a</a></li> 
<li><a href="#" id="Subb" name="Subb">Sub b</a></li> 
</ul> 
</li> 
<li><a href="#">Topic 2</a></li> 
</ul> 
</li> 
<li><a href="#">Chapter II</a></li> 
<li><a href="#">Chapter III</a></li> 
</ul> 
</li>

我想在点击任何上述链接时在主div中交换这些章节/ etc。到目前为止，我正在使用下面的脚本来回应上述链接。

<script> 
$(document).ready(function(){ 
    $("#ChI").click(function(){ 
    $("#posts").load("chapters/ChI.php"); 
    }); 
}); 
$(document).ready(function(){ 
    $("#T1").click(function(){ 
    $("#posts").load("chapters/T1.php"); 
    }); 
}); 
$(document).ready(function(){ 
    $("#Suba").click(function(){ 
    $("#posts").load("chapters/Suba.php"); 
    }); 
}); 
$(document).ready(function(){ 
    $("#Subb").click(function(){ 
    $("#posts").load("chapters/Subb.php"); 
    }); 
}); 
</script>

这似乎是工作到这一点。我想知道：

1）这是朝着一个好的解决方案？剧本能压缩吗？ 2）可以扩展脚本以包含多达50个不同的ID（本书的内容）吗？

如果您能够帮助和感谢您的回复，请提前致以诚挚的问候！

了些研究后，我定居于：

sample link: 
<li><a href="#ChI" id="ChI">Chapter I</a> 

sample script:  
<script> 
$(document).ready(function(){ 
    $("#ChI").click(function(){$("#posts").load("chapters/ChI.php")}); 
    $("#T1").click(function(){$("#posts").load("chapters/T1.php")}); 
    $("#Suba").click(function(){$("#posts").load("chapters/Suba.php")}); 
    $("#Subb").click(function(){$("#posts").load("chapters/Subb.php")}); 
}); 
</script>

来源

2013-07-08 jrbarch

我首选的方法就是重新加载页面 – 2013-07-08 10:18:46

嗯，我看到它，你有4个选项：

链接到每个单独的文件（可能不是最好的）
用其他参数重新载入页面，并加载您想要的特定页面的内容div
将所有页面加载到不同的div并隐藏不应该是的页面看到
刷新通过AJAX

的div内容，我不知道是否有在这里是首选方法，因为，他们都有自己的优点和缺点。

加载每个单独的文件，那么我会说，它的老校友，你必须实现帕德布局到everyfile
重新加载页面可确保人没有JavaScript可能使用（使用页眉和页脚文件时除外）该网站
所有页面到不同的div加载一切从开始（较慢的页面加载），但切换到新页面时更快
用ajax刷新div可能是最快的解决方案（技术上）。第一个页面打开速度最快，单个页面不应该加载太久。

重新加载整个页面或通过ajax刷新将是我个人首选的选项。但我认为它总是向他最喜欢的开发者提出。

来源

2013-07-08 10:56:23 l0rdseth

在这个阶段，你明显知道但知道pagination，你应该专注于用新链接重新加载页面。

查找分页。

来源

2013-07-08 11:12:43

点击侧栏链接更改主分区中的内容

回答

相关问题