innerHTML 使用 php include 语句更改 DIV 内容的正确语法

Question

我正在对我的公司网站进行改造，左侧按钮的 js 垂直滚动菜单是用于更改标题下主 div 内容的链接。我现在用 php include 语句设置了它，它可以工作，但是每次它重新加载整个页面时，左侧的滚动菜单都会重置到列表的顶部，失去访问者的位置。

您可以在http://www.nbtc.org/nv 看到原型，点击“骑自行车”或“拼车”来查看它的实际效果。

我不想这样做，我想使用 js 来更改带有 innerHTML 的 div 的内容，我想要一个链接包含变量的函数，所以链接看起来像：

<a class="button" href="javascript:changecontent(bike)">Bicycling</a>

以下函数将运行：

<script type="text/javascript">
function changecontent(var1)
{
document.getElementById('content').innerHTML="<?php include(" var1 .php"); ?>";
}
</script>

id 为“content”的 div 将更改为包含 bike.php。单击其他链接会将 div 更改为其他内容。

我是新手，所以请帮助我了解脚本的语法，我知道我必须在函数语句中分离出 'var1' 但我不知道如何。

这似乎是一个直接的解决方案，但如果有更好的方法，我会全力以赴。垂直滚动菜单已经使用 jquery，我读到了“加载”功能，也许这样会更好？

感谢您的帮助！布伦登

Answer 1

$.load 在这里肯定会很好。

$(function(){
    $(".menutable").on("click", ".button", function(event){
        event.preventDefault();
        $("#content1").load(event.target.href);
    }); 
});

然后更改所有链接以在 href 值中包含它们的实际目的地：

<a class="button" href="bike.php">Bicycling</a>

演示：http://jsbin.com/uyasux/edit#javascript,html