2016-01-28 2 views
0

Я хочу добавить кнопку «загрузить больше» на странице блогера. Я нашел this exemple. Но я не знаю, где разместить каждую часть кода в блогере (HTML/CSS/JavaScript), особенно эту часть jQuery код.Как добавить кнопку «загрузить больше» в блоггер?

$(function(){ 
    $("div").slice(0, 10).show(); // select the first ten 
    $("#load").click(function(e){ // click event for load more 
     e.preventDefault(); 
     $("div:hidden").slice(0, 10).show(); // select next 10 hidden divs and show them 
     if($("div:hidden").length == 0){ // check if any hidden divs still exist 
      alert("No more divs"); // alert if there are none left 
     } 
    }); 
}); 
+0

Предоставленный пример загружает все содержимое сразу и отображает его десять элементов одновременно. Я сомневаюсь, что это ваш желаемый эффект, и я думаю, вы можете загрузить пост в реальном времени с помощью Ajax. –

+0

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

ответ

1

Я нашел решение, этот код, что я искал

<div>content content content content content content content content content content content content content content content.<a href="javascript:void(0);" onclick="jQuery('.show-more-toggle').toggle();" class="show-more-toggle v5-dark-link">show more</a><span class="show-more-toggle" style="display: none">more more more more more more more more more more more more more more more more more </span></div> 
Смежные вопросы