0

我将首先说这是我自 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>

根据我从深入研究 Internet 中获得的信息，我需要使用 jquery 将上述导航菜单中的链接直接插入 DIV。我发现的一个功能是...

     $(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 合并，尽管尝试了许多不同的方法，我还是不知所措。如果有其他方法可以做到这一点，我会全力以赴。

非常感谢您在此主题上给我的任何和所有帮助/指导。

谢谢！

4

1 回答 1

0

根据文档： http ://api.jquery.com/load/

您应该能够使用以下格式：

$('#result').load('ajax/test.html #container');

也许尝试将负载硬编码到新页面中以确保它正常工作

于 2013-10-24T23:30:39.183 回答