0

Я использую плагин jQuery One Page Navigation Git link и Twitter Bootstrap 3.3. Все работает отлично, за исключением одного: дополнительные ссылки в модальном окне не работают с эффектом гладкой прокрутки.Twitter Bootstrap 3: Нажмите ссылку в модальном окне, закройте его и плавно перейдите к хешу

Я нашел решение для встроенных ссылок:

function scrollNav() {    
    $('#program_scroll a, #closemodal a').click(function(evn){ 
     evn.preventDefault(); 
     $('html,body').scrollTo(this.hash, this.hash);   
    }); 
} 

Мои навыки JQuery ограничены, так что я не нашел решение этой проблемы. Вот живой сайт: website

Проблема происходит в разделе под названием Новости - когда открывается модальное окно - отображаются три ссылки в конце текста. Я хочу, чтобы когда-то эти ссылки щелкнули модальное окно закрывается и страница прокручиваются на hash'ed содержания

Это код, который закрывает модальное окно:

<script type="text/javascript"> 
    $('.closemodal').click(function() {         
     $('#myModal').modal('hide'); 
    });           
</script> 

Скрипт помещен в index.js файле и названный function scrollNav() { и inline JS, размещенных в index.html:

$('#myModal').on('hidden.bs.modal', function (evn) {   
    evn.preventDefault(); 
    $('html,body').scrollTo(this.hash, this.hash); 
}); 

Как я понимаю $('#myModal').on('hidden.bs.modal', function (evn) { не получает хэш щелкнул ссылка не

ответ

0
<script type="text/javascript"> 
    $('.closemodal').click(function() { 
    $('#myModal').modal('hide'); 
    $('html,body').scrollTo(this.hash, this.hash); 
    }); 
</script> 

Очень странно, во-первых, как только я попробовал этот код - там не было никакого эффекта:/

 Смежные вопросы

  • Нет связанных вопросов^_^