С наступающим Новым годом! Форум программистов, компьютерный форум, киберфорум
Наши страницы
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
infoniki
0 / 0 / 0
Регистрация: 14.05.2015
Сообщений: 6
1

Скрипт Load more не работает (НУЖНА ПОМОЩЬ)

14.05.2015, 09:38. Просмотров 306. Ответов 1
Метки нет (Все метки)

Не работает кнопка load more, точнее не могу понять как выставить количество товара на странице, публикую 5 товаров, кнопка остается под товарами, 50 товаров - тоже самое. Нужно выставить значение 8 товаров на странице, что бы все последующие были под кнопкой. подскажите где это можно указать.
Style.css:
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
.load_more_posts a, .load_more_portfolio a {
border: 2px solid #E2E2E2;
color: #E2E2E2;
font-size: 25px;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
border-radius: 4px;
padding: 4px 30px;
cursor: pointer;
}
.load_more_posts a:hover, .load_more_portfolio a:hover {
border: 2px solid #1DC6DE;
color: #1DC6DE;
custom.js:
Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
// Example Load Items
$('.load_more_posts').append('Нет данных');
$( ".load_more_posts a" ).removeAttr('href').click(function() {
jQuery('.load_more_posts a').fadeOut( 200 );
jQuery('.load_more_posts img').delay( 200 ).fadeIn( 1000 );
jQuery('.load_more_posts img').delay( 3000 ).fadeOut( 1000 );
jQuery('.load_more_posts h4').delay( 5200 ).fadeIn( 1000 );
});
$('.load_more_portfolio').append('Нет данных');
$( ".load_more_portfolio a" ).removeAttr('href').click(function() {
jQuery('.load_more_portfolio a').fadeOut( 200 );
jQuery('.load_more_portfolio img').delay( 200 ).fadeIn( 1000 );
jQuery('.load_more_portfolio img').delay( 3000 ).fadeOut( 1000 );
jQuery('.load_more_portfolio h4').delay( 5200 ).fadeIn( 1000 );
index.html (товар выглядит так, это один из 50 товаров, нужно что бы на странице было только 8, остальное под загрузкой)
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
        <div class="page-content">
 
            <div class="row clearfix">
                <div class="section" id="works">
                    <div class="title mbf">
                        <h3> Товары </h3>
                        <div class="filters">
                            <ul>
                                <li class="filter" data-filter="all">Все</li>
                                <li class="filter" data-filter="web_design">Оборудование</li>
                                <li class="filter" data-filter="sir">Сырье</li>
                                <li class="filter" data-filter="icons">Электроника</li>
                                <li class="filter" data-filter="textil">Текстиль</li>
                                <li class="filter" data-filter="photos">Розница</li>
                            </ul>
                        </div><!-- /filters -->
                    </div><!-- /title -->
 
                    <ul id="my_gallery" class="og-grid">
                    
                        <li class="mix sir">
                            <a href="http://www.cyberforum.ru/images/assets/333.jpg" data-gal="lightbox[folio]"><img src="http://www.cyberforum.ru/images/assets/333.jpg" alt=""></a>
                            <div class="overlay">
                                <p> Электроды данного типа делаются из кокса специального состава или прессованного угла. Длинна электродов 200-300мм, диаметр от 5-и до 30-и мм., округлое сечение. </p>
                            </div><!-- /overlay -->
                            <div class="meta_work">
                                <a class="w_title" href="electrod.html"> Угольный электрод </a>
                                <div class="meta">
                                    <span> <a href="#"> Сырье </a> </span>
                                </div><!-- /meta -->
                            </div><!-- /meta work -->
                        </li><!-- /item -->
                        <!-- /dont remove this line --><li class="gap"></li>
                    </ul><!-- /my gallery -->
 
                    <div class="tac blocker_w clearfix">
                        <div class="load_more_portfolio"><a href="#"><i class="fa fa-chevron-down"></i></a></div><!-- /load more -->
                    </div><!-- /tac -->
                </div><!-- /section portfolio -->
            </div><!-- /row -->
0
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
14.05.2015, 09:38
Ответы с готовыми решениями:

Нужна помощь
я пишу прошу заметить что я это пишу В КОНТАКТЕ!!...

Новичок, нужна помощь
Вот написал небольшой код (на JS не обращайте внимания). &lt;!DOCTYPE HTML&gt;...

Нужна помощь в CSS!!!
Добрый день! Подскажите, пожалуйста, как добавить слева и справа ссылка (как...

нужна помощь в HTML
Всем привет) можно ли написать такой код в котором к примеру если кликнуть на...

Нужна помощь по CSS
Здравствуйте! Вот задумался над сменой дизайна, часть обьектов подготовил в...

1
paskalnikita
86 / 86 / 30
Регистрация: 12.08.2014
Сообщений: 1,070
14.05.2015, 13:12 2
Созидайте событие onclick
0
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
14.05.2015, 13:12

нужна ваша помощь по верстке
Интересует ваше мнение, есть меню, по углам такая тень закругленная, прикрепляю...

Нужна помощь с устранениями ошибок в IE (7 и 8)
Делаю домашку по верстке, возник ряд проблем, на данном этапе хочу понять...

Интернет-магазин! нужна помощь!
Значит имеется интернет-магазин, в HTML рублю совсем малость, нужно в общем в...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru