страница идет вверх, когда переключаются между ссылками на моей странице JSP. Как я могу избежать этого?

Question

страница идет вверх, когда переключаются между ссылками на моей странице JSP. Как я могу избежать этого?

0

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?

chinnusaccount 12 нояб. 2013, в 12:37

Источник

Теги:

jquery

jsp

2 ответа

0

Это связано с # в атрибуте href элемента a. Он использовал ссылку закладки. Если на странице нет закладок, браузер по умолчанию устанавливает начало документа. Вы можете использовать jQuery для предотвращения такого поведения:

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

Если вам нужно перейти по ссылке только в том случае, если она указана, используйте следующую команду:

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

Rory McCrossan 12 нояб. 2013, в 10:11

Ещё вопросы

Jai · Accepted Answer · 2013-11-12T09-58-00.000Z

Если у вас загружена библиотека jquery, вы можете сделать это:

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

.preventDefault() используется для остановки поведения по умолчанию anchor, form elements и т.д.