1

我正在对我的公司网站进行改造，左侧按钮的 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，我读到了“加载”功能，也许这样会更好？

谢谢你的帮助！布伦登

4

1 回答 1

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

于 2012-05-04T03:43:45.073 回答