Mashable, как следующий пост виджет для WordPress - PullRequest
Новая
       0

Mashable, как следующий пост виджет для WordPress

0 голосов
/ 23 октября 2011

Я хочу включить функцию, похожую на Mashable. Это следующий пост виджет. Если вы дойдете до конца поста, справа появится предложение. Я нашел решение для этого http://clokey2k.com/blog/2011/09/08-mashables-cool-next-post-widget/,, но оно не работает для меня.

Вот как я это сделал:

1, добавлен файл nextpost.js в корень веб-сервера 

$(function(){
//When should it be triggered in this case - when the '.next-link' is visible, but it could be the '.offset().bottom' of the article?
limit = $('.next-link').offset().top;
//Account for the height of the window - would have to readjust on resize;
target = limit - $(window).height();
//Hide the fancy fixed position box;
$nextbox = $('.next-box')
$nextbox.css({right: '-=150px'});
//Make a note of it's status;
visible = false

//Cue Magic - every time the window scrolls;
$(window).scroll(function(){
    //Where are we?
    current =  $(window).scrollTop();
    //Hit the target - show me the box;
    if(current >= target && visible == false){
        $nextbox.animate({right: '+=150px'}, 500);
        visible = true;
    }
    //Gone back up to re-read the article - hide it again!
    if(current < target && visible == true){
        $nextbox.animate({right: '-=150px'}, 500);
        visible = false;
    };
});

}); * * 1 010

2, поместил следующий код в голову: 

<script type="text/javascript" src=".../nextpost.js"></script>

3, добавленные коды: 

<div class="next-link">fb-share button</div>
<div class="next-box">code of a wp widget area</div>

Проблема в том, что область виджета (следующий блок) появляется всегда, а не только когда я достигаю раздела следующей ссылки. Я думаю, что проблема с интеграцией JavaScript. Что мне делать?

...