Jquery 如何避免在href=“”上滚动页面?
我使用的下拉菜单的一个代码Jquery 如何避免在href=“”上滚动页面?,jquery,html,onclick,Jquery,Html,Onclick,我使用的下拉菜单的一个代码 <dl id="sample" class="dropdown"> <dt><a href="#"><span>Please select the country</span></a></dt> <dd> <ul> <li><a href="#">Br
<dl id="sample" class="dropdown">
<dt><a href="#"><span>Please select the country</span></a></dt>
<dd>
<ul>
<li><a href="#">Brazil<img class="flag" src="br.png" alt="" /><span class="value">BR</span></a></li>
<li><a href="#">France<img class="flag" src="fr.png" alt="" /><span class="value">FR</span></a></li>
<li><a href="#">Germany<img class="flag" src="de.png" alt="" /><span class="value">DE</span></a></li>
<li><a href="#">India<img class="flag" src="in.png" alt="" /><span class="value">IN</span></a></li>
<li><a href="#">Japan<img class="flag" src="jp.png" alt="" /><span class="value">JP</span></a></li>
<li><a href="#">Serbia<img class="flag" src="cs.png" alt="" /><span class="value">CS</span></a></li>
<li><a href="#">United Kingdom<img class="flag" src="gb.png" alt="" /><span class="value">UK</span></a></li>
<li><a href="#">United States<img class="flag" src="us.png" alt="" /><span class="value">US</span></a></li>
</ul>
</dd>
</dl>
这个很好用
但我面临的问题是,
我正在使用页面底部的这个菜单,当我点击它时,它会显示行为
和页面滚动至顶部
如何避免这种情况
谢谢将属性onclick添加到值为return false的锚元素中,如下所示:
<dl id="sample" class="dropdown">
<dt><a href="#" onclick="return false;"><span>Please select the country</span></a></dt>
<dd>
<ul>
<li><a href="#">Brazil<img class="flag" src="br.png" alt="" /><span class="value">BR</span></a></li>
<li><a href="#">France<img class="flag" src="fr.png" alt="" /><span class="value">FR</span></a></li>
<li><a href="#">Germany<img class="flag" src="de.png" alt="" /><span class="value">DE</span></a></li>
<li><a href="#">India<img class="flag" src="in.png" alt="" /><span class="value">IN</span></a></li>
<li><a href="#">Japan<img class="flag" src="jp.png" alt="" /><span class="value">JP</span></a></li>
<li><a href="#">Serbia<img class="flag" src="cs.png" alt="" /><span class="value">CS</span></a></li>
<li><a href="#">United Kingdom<img class="flag" src="gb.png" alt="" /><span class="value">UK</span></a></li>
<li><a href="#">United States<img class="flag" src="us.png" alt="" /><span class="value">US</span></a></li>
</ul>
</dd>
我更改了示例以反映您的HTML代码示例。注意锚标记上的onclick属性。使用
$('#sample a').click(function(event){
event.preventDefault();
})
怎样对不起,我不是这方面的专家,我已经更新了示例,希望这能更好地解释更改。如果不想链接,为什么要在其中放置a href?为什么不让它空着?
<a href='javascript:void(0);' ...>