Не срабатывает скрипт

@Sanya9b · Регистрация: 22.06.2018

Студворк — интернет-сервис помощи студентам

Не срабатывает скрипт при нажатии на иконку, должен менятся вид (список таблица) но при нажатии ничего не происходит. Плюс не срабатывают иконки листания новостоного блока, автоматически перелистываются а от наведения ничого не происходит. Вот код js

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
$(document).ready(function() {
 
   $("#newsticker").jCarouselLite({
  vertical: true,
  hoverPause:true,
  btnPrev: "#news_up",
  btnNext: "#news_down",
  visible: 3,
  auto:3000,
  speed:500
 });
 
$("#style-grid"). click(function(){
       $("#block-tovar-grid").show(); 
       $("#block-tovar-list").hide();  
})
 
$("#style-list"). click(function(){
   $("#block-tovar-grid").hide(); 
   $("#block-tovar-list").show(); 
    
}) 
 
})

и полностью код файла index.php

PHP/HTML
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
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
<?php
    include("include/db_connect.php")
?>
<!DOCTYPE HTML>
<html>
<head>
    <meta http-equiv="content-type" content="text/html" charset="windows-1251"/>
    <meta name="author" content="admin" />
    <link href="css/reset.css" rel="stylesheet" type="text/css" />
    <link href="css/style.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="js/jquery-1.8.2.min.js"></script></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
    <script type="text/javascript" src="js/jquery-3.0.0.js"></script></script>
    <script type="text/javascript" src="js/jcarousellite_1.0.1.js"></script>
    <script type="text/javascript" src="js/kupuy-script.js"></script>
        
    
    <title>Інтернет-Магазин КУПУЙ.IN.UA</title>
</head>
 
<body>
 
 
<div id="block-body"> 
 
<?php
    include("include/block-header.php");
?>
 
<div id="block-right">
<?php
    include("include/block-category.php");
    include("include/block-parameter.php");
    include("include/block-news.php"); 
    
?>
</div>
 
<div id="block-content">
<div id="block-sorting">
<p id="navbreadcrumbs"><a href="index.php">Головне вікно</a> \<span>Всі товари</span></p>
<ul id="options-list">
<li>Вигляд:</li>
<li><img id="style-grid" src="https://www.cyberforum.ru/images/grid.png"/></li>
<li><img id="style-list" src="https://www.cyberforum.ru/images/list.png"/></li>
<li>Сортувати:</li>
<li><a id="select-sort">Без сортування</a>
<ul id="sorting-list">
<li><a href=" ">Від дешевих до дорогих</a></li>
<li><a href=" ">Від дорогих до дешевих </a></li>
<li><a href=" ">Популярні</a></li>
<li><a href=" ">Новинки</a></li>
<li><a href=" ">За алфавітом</a></li>
 
</ul>
 
 
</li>
</ul>
</div>
<ul class="block-tovar-grid">
<?php
    $result = mysql_query("SELECT * FROM table_products WHERE visible='1'",$link);
    if(mysql_num_rows($result) > 0)
    {
        $row = mysql_fetch_array($result);
        do 
        {
            if ($row["image"] != "" && file_exists("./uploads_images/".$row["image"]))
            {
                $img_path = './uploads_images/'.$row["image"];             
                $max_width = 200;
                $max_height = 200;
                list($width, $height)= getimagesize($img_path);
                $ratioh = $max_height/$height;
                $ratiow = $max_width/$width;
                $ratio = min($ratioh,$ratiow);
                $width = intval($ratio*$width);
                $height = intval($ratio*$height);
                
            }else
            {
                
                $img_path = "/images/no-image.png";
                $width = 200;
                $height = 200;
            }
          echo '
          <li> 
          <div class="block-images-grid">
          <img src="'.$img_path.'" width="'.$width.'" height="'.$height.'" />
          </div>
          <p class="style-title-grid"><a href=" ">'.$row["title"].'</a></p>
          <p class= "raiting-grid">
          <a href = ""><img src="/images/raiting.png" /> Відгуки</a>    
          </p>
          <a class="add-cart-style-grid"></a>
          <p class="style-price-grid"><strong>'.$row["price"].'</strong>  грн.</p>
          <div class="mini-features">
          '.$row["mini_features"].'
          </div>
          </li>
          ';
        }
        while($row = mysql_fetch_array($result));
    }
?>
</ul>
 
<ul class="block-tovar-list">
<?php
    $result = mysql_query("SELECT * FROM table_products WHERE visible='1'",$link);
    if(mysql_num_rows($result) > 0)
    {
        $row = mysql_fetch_array($result);
        do 
        {
            if ($row["image"] != "" && file_exists("./uploads_images/".$row["image"]))
            {
                $img_path = './uploads_images/'.$row["image"];             
                $max_width = 200;
                $max_height = 200;
                list($width, $height)= getimagesize($img_path);
                $ratioh = $max_height/$height;
                $ratiow = $max_width/$width;
                $ratio = min($ratioh,$ratiow);
                $width = intval($ratio*$width);
                $height = intval($ratio*$height);
                
            }else
            {
                
                $img_path = "/images/no-image.png";
                $width = 200;
                $height = 200;
            }
          echo '
          <li> 
          <div class="block-images-list">
          <img src="'.$img_path.'" width="'.$width.'" height="'.$height.'" />
          </div>
          <p class= "raiting-list">
          <a href = ""><img src="/images/raiting.png" /> Відгуки</a>    
          </p>
          <p class="style-title-list"><a href=" ">'.$row["title"].'</a></p>
          <a class="add-cart-style-list"></a>
          <p class="style-price-list"><strong>'.$row["price"].'</strong>  грн.</p>
          <div class="mini-description">
          '.$row["mini_description"].'
          </div>
          </li>
          ';
        }
        while($row = mysql_fetch_array($result));
    }
?>
</ul>
 
 
</div>
<?php
    include("include/block-footer.php")
?>
 
</div>
 
</body>
</html>

@Fart83 · 01.07.2018, 10:39

1. проверьте настройки согласно плагину
2. проверьте правильно ли вы указываете селекторы. например, #newsticker я не нашел.
3. желательно кастомным скриптам для запуска плагина дописывать атрибут async/defer

@Sanya9b · 01.07.2018, 11:18 **[ТС]**

Сообщение от Fart83

проверьте правильно ли вы указываете селекторы. например, #newsticker я не нашел.

этот id в отдельном файле который подключается include("include/block-news.php"); вот код

PHP
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
<div id="block-news">
<center><img id="news-up" src="/images/strelka-up.png"/></center>
<div id="newsticker">
 
<ul>
<li>
<span>17.06.18</span>
<a href=" ">Компанія XIAOMI представила новий смартвон Mi 8</a>
<p>Ця новинка дуже схожа на Iphone X</p>
</li>
 
<li>
<span>17.06.18</span>
<a href=" ">Компанія XIAOMI представила новий смартвон Mi 8</a>
<p>Ця новинка дуже схожа на Iphone X</p>
</li>
 
<li>
<span>17.06.18</span>
<a href=" ">Компанія XIAOMI представила новий смартвон Mi 8</a>
<p>Ця новинка дуже схожа на Iphone X</p>
</li>
 
<li>
<span>17.06.18</span>
<a href=" ">Компанія XIAOMI представила новий смартвон Mi 8</a>
<p>Ця новинка дуже схожа на Iphone X</p>
</li>
</div>
 
<center><img id="news-down" src="/images/strelka-down.png"/></center>
 
</div>

Добавлено через 10 минут

Сообщение от Fart83

1. проверьте настройки согласно плагину

подскажите пожалуйста как именно это сделать? Я только учусь так что пока не особо разбираюсь..

@Fart83 · 01.07.2018, 11:39

Сообщение от Sanya9b

Я только учусь

здесь не только проблема в обучении.

Сообщение от Sanya9b

подключается include("include/block-news.php");

ту инфу что вы выкладывали работает если подключена библиотека карусели с источника на гите

инструкция и библиотека

ознакомьтесь и проверьте.

@Sanya9b · 01.07.2018, 15:16 **[ТС]**

у меня подключена библиотека но не работает все равно и все вроде как должно быть. Если б она была не подключена не работала автоматическая прокрутка, а так работает. А не работают сами иконки а они вроде тоже правильно подключены.

Добавлено через 1 час 37 минут
Разобрался просто подобавлял кнопки, а не просто картинки вот в таком роде

PHP
1
<center><button  class="news-prev"><img src="/images/strelka-down.png"/></button></center>

Новые блоги и статьи Все статьи Все блоги /
Functional First Web Framework Suave DevAlt 30.03.2026 Sauve. IO Апнулись до NET10. Из зависимостей один пакет, работает одинаково хорошо как в режиме проекта так и в интерактивном режиме. из сложностей - чисто функциональный подход. Решил. . .	Автоматическое создание документа при проведении другого документа Maks 29.03.2026 Реализация из решения ниже выполнена на нетиповых документах, разработанных в конфигурации КА2. Есть нетиповой документ "ЗаявкаНаРемонтСпецтехники" и нетиповой документ "ПланированиеСпецтехники". В. . .	Настройка движения справочника по регистру сведений Maks 29.03.2026 Решение ниже реализовано на примере нетипового справочника "ТарифыМобильнойСвязи" разработанного в конфигурации КА2, с целью учета корпоративной мобильной связи в коммерческом предприятии. . . .	Автозаполнение реквизита при выборе элемента справочника Maks 27.03.2026 Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. При выборе "Спецтехники" (Тип Справочник. Спецтехника), заполняется. . .
Сумматор с применением элементов трёх состояний. Hrethgir 26.03.2026 Тут. https:/ / fips. ru/ EGD/ ab3c85c8-836d-4866-871b-c2f0c5d77fbc Первый документ красиво выглядит, но без схемы. Это конечно не даёт никаких плюсов автору, но тем не менее. . . всё может быть. . .	Автозаполнение реквизитов при создании документа Maks 26.03.2026 Программный код из решения ниже размещается в модуле объекта документа, в процедуре "ПриСозданииНаСервере". Алгоритм проверки заполнения реализован для исключения перезаписи значения реквизита,. . .	Команды формы и диалоговое окно Maks 26.03.2026 1. Команда формы "ЗаполнитьЗапчасти". Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. В качестве источника данных. . .	Кому нужен AOT? DevAlt 26.03.2026 Решил сделать простой ланчер Написал заготовку: dotnet new console --aot -o UrlHandler var items = args. Split(":"); var tag = items; var id = items; var executable = args;. . .

@Fart83 321 / 189 / 78 Регистрация: 04.10.2016 Сообщений: 809
	01.07.2018, 10:39
	1. проверьте настройки согласно плагину 2. проверьте правильно ли вы указываете селекторы. например, #newsticker я не нашел. 3. желательно кастомным скриптам для запуска плагина дописывать атрибут async/defer 0