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 回答