Question

我正在研究网站的前端和后端，想知道如何调用js / jquery来更改一页网站内的页面

我拥有首页/关于/特价/联系方式的标签/页面

我尝试使用javascript style.display，但仅做四个页面主页/关于/特价商品/联系，并且只有当我从About页面开始时它会起作用并且home会刷新页面，并且我具有通过ID检测新部分的代码，但无法像我想要的那样不断更改它们要做

我试图与PHP一起保存$ currentpage和$ nextpage，以便它可以根据PHP值更改页面/节，但我没有从PHP中得到错误，我认为我的PHP代码有问题或js代码

JS Code 

<script type="text/javascript">
function show(show, hide) {
document.getElementById(hide).style.display = "none";
document.getElementById(show).style.display = "block";
}
</script>


Section Code

Home <section id="home" class="large-9 columns" style="display:none"></section>

About <section id="about" class="large-9 columns" style="display:none"></section>

Special Offers <section id="specials" class="large-9 columns" style="display:none"></section>

Contact <section id="contact" class="large-9 columns" style="display:none"></section>


onclick js Event Code

<a href="<?PHP echo $unsecure;?>://<?PHP echo $domain?>" title="Home">Home</a>

<a href="#About" title="About" onclick="return show('about', '<?PHP echo $currentpage;?>') <?PHP if($nextpage = 'about'){ $currentpage = $nextpage;}?>">About</a>

<a href="#Special_Offers" title="Special Offers" onclick="return show('specials', '<?PHP echo $currentpage;?>') <?PHP if($nextpage = 'specials'){ $currentpage = $nextpage;}?>">Special Offers</a>

<a href="#contact" title="contact" onclick="return show('contact', '<?PHP echo $currentpage;?>') <?PHP if($nextpage = 'contact'){ $currentpage = $nextpage;}?>">Contact</a>

预期：我希望能够使用js或jquery在单击时将显示样式从块更改为无，就像更改页面（但在一页站点）中那样是正确的，并且能够添加更多页面来使用它。

实际结果：当我刷新网站上的页面时，我可以单击“关于”和“联系人”，并且将正确显示，但是当我再次单击“页面”时，它将显示在“联系人”下方，并且不会隐藏“联系人”

当我刷新页面时，我单击“特价商品”，它仅放置在主页下面，而不隐藏主页

Answer 1

真正有用的答案是jQuery.load。我不知道这比尝试通过从头开始并在js中加载js时的原始操作简单得多，我的index.php文件中不必有多余的PHP

我要做的就是

onclick='$("#main").load("includes/file.php")'

像魅力一样

如何在1页网站中使用Javascript或jquery进行页面更改

1 个答案: