1

私は自分の会社のウェブサイトの刷新に取り組んでいます。左側のボタンの js 垂直スクロール メニューは、ヘッダーの下のメイン div の内容を変更するためのリンクです。現在、php include ステートメントを使用してセットアップしていますが、これは機能しますが、ページ全体をリロードするたびに、左側のスクロール メニューがリストの一番上にリセットされ、訪問者の場所が失われます。

http://www.nbtc.org/nvでプロトタイプを見ることができます。'Bicycling' または 'Carpool' をクリックして実際の動作を確認してください。

その代わりに、js を使用して div の内容を innerHTML で変更したいので、リンクに変数が含まれる 1 つの関数が必要なので、リンクは次のようになります。

<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」機能について読みましたが、そのほうがよいでしょうか?

ご協力いただきありがとうございます！ブレンデン

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 に答える