javascript - jqueryを既存のリンクメニューに統合して、定義されたdivでページを開くにはどうすればよいですか?

Question

これは私が 12 歳のとき以来初めてのウェブサイト作成の試みであり、数年前のことです。最初は iframe を使用してコンテンツを表示しましたが、最終的にはサイズ変更の制限が多すぎて実用的ではないと判断しました。そのため、colTwo という名前のドキュメントに DIV を作成し、ページの読み込み時に home.html をそこに読み込むことができました。

このようにコーディングされた既存のメニューがあります。

    <!-- dd menu -->
    <script type="text/javascript">
    <!--
    var timeout         = 500;
    var closetimer    = 0;
    var ddmenuitem      = 0;

    // open hidden layer
    function mopen(id)
    {  
    // cancel close timer
    mcancelclosetime();

    // close old layer
    if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';

    // get new layer and show it
    ddmenuitem = document.getElementById(id);
    ddmenuitem.style.visibility = 'visible';

    }
    // close showed layer
    function mclose()
    {
    if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
    }

    // go close timer
    function mclosetime()
    {
    closetimer = window.setTimeout(mclose, timeout);
    }

    // cancel close timer
    function mcancelclosetime()
    {
    if(closetimer)
    {
    window.clearTimeout(closetimer);
    closetimer = null;
    }
    }

    // close layer when click-out
    document.onclick = mclose; 
    // -->
    </script>

インターネットの腸を掘り下げて得たものから、jquery を使用して、前述のナビゲーション メニューから DIV に直接リンクする必要があります。私が見つけた1つの機能は...

     $(function(){
     $('#menu li a').on('click', function(e){
        e.preventDefault();
        var page_url=$(this).prop('href');
        $('#colTwo').load(page_url);
     });
     });

適切に統合されたら、追加できるはずです

     $('#colTwo').load(page_url + ' #colTwo');

私のHREF文字列に追加すると、すべてうまくいくはずです。

残念ながら、関数を上記のJavaScriptとマージする方法がわかりません.さまざまな方法を試してみましたが、途方に暮れています. それを行う別の方法があれば、私はすべての耳です。

このトピックについてあなたが私に与えることができるすべてのヘルプ/指示は、非常に高く評価されます.

ありがとう！