Question

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

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

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

<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，我读到了关于'load'的功能，也许会更好？

感谢您的帮助！布兰登·

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

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

1 个答案: