Question

I have following code in my jsp page
<div  class="listtable roundBox" >
            <br>
            <ul id="breadcrumbs">         
                <li>
                    <a href='#' id='oneday' data-pid="1">1 day</a>
                </li>

                <li>               
                    <a href='#' id='fivedays' data-pid="5">5 days</a>                    
                </li>            
            </ul>             
            <div id="firstChart"  style="height:400px;width:98%; "></div>
        </div>

当在1天到5天之间切换时，页面正在上升。我怎样才能把注意力集中在这个div上？

Answer 1

如果你加载了jquery库，那么你可以这样做：

$(function(){
    $('#breadcrumbs a').on('click', function(e){
       e.preventDefault();
    });
});

.preventDefault()用于停止anchor，form elements等的默认行为。

Answer 2

这是因为#元素的href属性中的a。它用于表示书签链接。如果页面中没有设置书签，则浏览器默认为文档的开头。您可以使用jQuery来防止此行为：

$('#breadcrumbs a').click(function(e) {
    e.preventDefault();
});

如果只在指定了链接时才需要关注链接，请使用：

$('#breadcrumbs a').click(function(e) {
    $(this).prop('href') == '#' && e.preventDefault();
});

在我的jsp页面中切换链接时页面上升。我怎么能避免这个？

2 个答案: