jQuery якорная прокрутка ... два события onclick - PullRequest
3 голосов
/ 09 ноября 2011

Это мой первый пост, поэтому, пожалуйста, дайте мне знать, если вам нужна дополнительная информация.

Я использую плагин для разбивки на страницы, который генерирует ссылки внизу содержимого моей страницы. Он выводит ссылки на нумерацию страниц, как показано ниже.

<a title="Next Page" onclick="appendContent(-2);" class="next scroll" href="#top">next</a>

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

$(document).ready(function() {
$("a.scroll").anchorAnimate()
});

jQuery.fn.anchorAnimate = function(settings) {

settings = jQuery.extend({
    speed : 1100
}, settings);   

return this.each(function(){
    var caller = this
    $(caller).click(function (event) {  
        event.preventDefault()
        var locationHref = window.location.href
        var elementClick = $(caller).attr("href")

        var destination = $(elementClick).offset().top;
        $("html:not(:animated),body:not(:animated)").animate({ scrollTop: destination}, settings.speed, function() {
            window.location.hash = elementClick
        });
        return false;
    })
})
}

Проблема, с которой я сталкиваюсь, заключается в том, что из-за onclick = "appendContent (-2);" Если сгенерирована нумерация страниц, прокрутка не сработает ... мне нужно как-то объединить два события щелчка. Я не достаточно опытен с jQuery, чтобы решить это, поэтому я надеюсь, что кто-то может быть достаточно любезен, чтобы помочь.

Пожалуйста, дайте мне знать, если вам нужна дополнительная информация.

1 Ответ

0 голосов
/ 11 ноября 2011

Вы можете использовать jQuery, чтобы удалить свой атрибут onclick. Прежде чем делать это, сохраните его и сделайте так, чтобы ваша функция прокрутки вызывала его.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...