内容加载到DIV

我有菜单这个非常简单的页面，包含三个<ul> S和内容DIV：http://jsfiddle.net/vvqPN/内容加载到DIV

的jQuery：

$(document).ready(function() { 
    $('.subcontent:gt(0)').hide(); 
    $('#menu').on('click', 'li:not(.current) a', function() { 
     $('.current').not($(this).closest('li').addClass('current')).removeClass('current'); 
     // fade out all open subcontents 
     $('.subcontent:visible').hide(600); 
     // fade in new selected subcontent 
     $('.subcontent[id=' + $(this).attr('data-id') + ']').show(600); 
    }); 
});

在页面，当你点击第一个<ul>第一个内容加载到内容div中，然后当您单击第二个<ul>时，第二个内容加载到内容div中，第三个内容加载到第二个内容中。我正在试图解决的问题是，当你在页面向下滚动，并尝试点击任何<ul> S中的页面自动返回到页面顶部。

来源

2013-08-20 System-x32z

你的锚链接正在寻找定义为''＃不存在的，因此，将其发送给你的文件顶部的锚。你可以指定''作为你锚链接的'href'，或者你可以做下面建议的@kunalbhat。我建议@ kunalbhat的答案，因为它是不显眼的。 – crush

使用preventDefault();禁用锚标签（链接到的东西）的默认行为。

$('#menu').on('click', 'li:not(.current) a', function (event) { //Add event 
    event.preventDefault(); 
    ... 
});

来源

2013-08-20 18:47:27 kunalbhat

击败了我。 :) –

伟大的解决方案，谢谢 –

有什么更好的解决办法，你还是另外一个，为什么？老实说 –

防止锚标记的默认点击事件。否则，URL将被更改，并且页面将被发送到顶端。

$('#menu').on('click', 'li:not(.current) a', function (e) { 
    e.preventDefault();

http://jsfiddle.net/HM633/

来源

2013-08-20 18:48:57

被重新加载页面，或只是将它们发送到顶部，因为锚标签不存在？ – crush

没有重新加载，只是返回顶部 –

对不起，我的错误。 –

内容加载到DIV

回答

相关问题