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

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

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

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

Javascript

$(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

<?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

<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>

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

@Fart83 321 / 189 / 78 Регистрация: 04.10.2016 Сообщений: 809
	01.07.2018, 11:39	4
	Сообщение от Sanya9b Я только учусь здесь не только проблема в обучении. Сообщение от Sanya9b подключается include("include/block-news.php"); ту инфу что вы выкладывали работает если подключена библиотека карусели с источника на гите инструкция и библиотека ознакомьтесь и проверьте. 0

	01.07.2018, 15:16

Опции темы