За последние 24 часа нас посетили 17552 программиста и 1649 роботов. Сейчас ищет 851 программист ...

Проблема с библиотекой JQuery

Тема в разделе "PHP для новичков", создана пользователем Castle, 21 дек 2014.

  1. Castle

    Castle Новичок

    С нами с:
    17 дек 2014
    Сообщения:
    32
    Симпатии:
    0
    Вот у меня такая ситуация:

    На моем сайте работает слайдер с подключением библиотеки JQuery
    Код (Text):
    1. <script src="min/jquery-v1.10.2.min.js" type="text/javascript"></script>
    а так же параллельно должен работать select стилизованный с подключением той же библиотеки ,
    но работает только select или только слайдер
    помоги пожайлуста в чем проблема.

    Заранее спасибо)
     
  2. denis01

    denis01 Суперстар
    Команда форума Модератор

    С нами с:
    9 дек 2014
    Сообщения:
    12.227
    Симпатии:
    1.714
    Адрес:
    Молдова, г.Кишинёв
    Покажи ссылку что ли где это можно увидеть или ссылки на слайдер и селект
     
  3. Castle

    Castle Новичок

    С нами с:
    17 дек 2014
    Сообщения:
    32
    Симпатии:
    0
    щас

    Добавлено спустя 1 минуту 32 секунды:
    вот слайдер
    Код (Text):
    1.  
    2. <link href="flickerplate.css"  type="text/css" rel="stylesheet">
    3. <script src="min/jquery-v1.10.2.min.js" type="text/javascript"></script>
    4. <script src="min/flickerplate.min.js" type="text/javascript"></script>
    5. <script>
    6. $(function(){$('.flicker-example').flickerplate({ auto_flick : true,  auto_flick_delay : 8,  flick_animation : 'transform-slide'      });});
    7. </script>
    8. <div class="flicker-example">
    9. <ul>
    10. <?php
    11. $photo = mysql_query("select * from photo ");
    12. while($photo1 = mysql_fetch_array($photo)){
    13. $images = $photo1[max_new_name];
    14. echo "<li data-background='images/$images'></li>";}
    15. ?>
    16. </ul>
    17. </div>
    вот слайдер
    Код (Text):
    1. <link href="style.css" rel="stylesheet" type="text/css" />
    2.  
    3. <form method="POST" action="" enctype="multipart/form-data">
    4.         <div class="select">
    5.             <a href="#" class="slct">Выберите Ваше лучшее качество:</a>
    6.             <ul class="drop">
    7.                 <li>Красивый(ая)</li>
    8.                 <li>Умный(ая)</li>
    9.                 <li>Коммуникабульный(ая)</li>
    10.                 <li>Скромный(ая)</li>
    11.             </ul>
    12.             <input type="hidden" id="select" name="ok" />
    13.         </div>     
    14.         <input type="submit" name="send"  value="Добавить" >
    15. </form>
    16.        
    17. <script src="min/jquery-v1.10.2.min.js" type="text/javascript"></script>
    18. <script src="script.js" type="text/javascript"></script>
    Добавлено спустя 2 минуты 55 секунд:
    простите нижний был select
     
  4. denis01

    denis01 Суперстар
    Команда форума Модератор

    С нами с:
    9 дек 2014
    Сообщения:
    12.227
    Симпатии:
    1.714
    Адрес:
    Молдова, г.Кишинёв
    а где код jquery который инициирует стилизованность для select?
     
  5. Castle

    Castle Новичок

    С нами с:
    17 дек 2014
    Сообщения:
    32
    Симпатии:
    0
    в script.js

    Код (Text):
    1. $(document).ready(function(){
    2.  
    3.        
    4.     // Select
    5.     $('.slct').click(function(){
    6.         /* Заносим выпадающий список в переменную */
    7.         var dropBlock = $(this).parent().find('.drop');
    8.        
    9.         /* Делаем проверку: Если выпадающий блок скрыт то делаем его видимым*/
    10.         if( dropBlock.is(':hidden') ) {
    11.             dropBlock.slideDown();
    12.            
    13.             /* Выделяем ссылку открывающую select */
    14.             $(this).addClass('active');
    15.            
    16.             /* Работаем с событием клика по элементам выпадающего списка */
    17.             $('.drop').find('li').click(function(){
    18.                
    19.                 /* Заносим в переменную HTML код элемента
    20.                 списка по которому кликнули */
    21.                 var selectResult = $(this).html();
    22.                
    23.                 /* Находим наш скрытый инпут и передаем в него
    24.                 значение из переменной selectResult */
    25.                 $(this).parent().parent().find('input').val(selectResult);
    26.                
    27.                 /* Передаем значение переменной selectResult в ссылку которая
    28.                 открывает наш выпадающий список и удаляем активность */
    29.                 $('.slct').removeClass('active').html(selectResult);
    30.                
    31.                 /* Скрываем выпадающий блок */
    32.                 dropBlock.slideUp();
    33.             });
    34.            
    35.         /* Продолжаем проверку: Если выпадающий блок не скрыт то скрываем его */
    36.         } else {
    37.             $(this).removeClass('active');
    38.             dropBlock.slideUp();
    39.         }
    40.        
    41.         /* Предотвращаем обычное поведение ссылки при клике */
    42.         return false;
    43.     });
    44.        
    45.     // RadioButton
    46.     $('.radioblock').find('.radio').click(function(){
    47.         var valueRadio = $(this).html();
    48.         $(this).parent().find('.radio').removeClass('active');
    49.         $(this).addClass('active');
    50.         $(this).parent().find('input').val(valueRadio);
    51.     });
    52.        
    53. });
     
  6. denis01

    denis01 Суперстар
    Команда форума Модератор

    С нами с:
    9 дек 2014
    Сообщения:
    12.227
    Симпатии:
    1.714
    Адрес:
    Молдова, г.Кишинёв
  7. Castle

    Castle Новичок

    С нами с:
    17 дек 2014
    Сообщения:
    32
    Симпатии:
    0
    он жалуется на 5 строку в слайдере но почему??

    Добавлено спустя 1 минуту 11 секунд:
    и выдает вот такую ошибку:

    Uncaught TypeError: undefined is not a function
     
  8. denis01

    denis01 Суперстар
    Команда форума Модератор

    С нами с:
    9 дек 2014
    Сообщения:
    12.227
    Симпатии:
    1.714
    Адрес:
    Молдова, г.Кишинёв
    а где пятая строка, а то нет нумерации в сообщении.
     
  9. Castle

    Castle Новичок

    С нами с:
    17 дек 2014
    Сообщения:
    32
    Симпатии:
    0
    там где функция начинается
    по счету пятая строка)
     
  10. denis01

    denis01 Суперстар
    Команда форума Модератор

    С нами с:
    9 дек 2014
    Сообщения:
    12.227
    Симпатии:
    1.714
    Адрес:
    Молдова, г.Кишинёв
    Можно убрать весь код из функции и посмотреть возникает ли ошибка
     
  11. Castle

    Castle Новичок

    С нами с:
    17 дек 2014
    Сообщения:
    32
    Симпатии:
    0
    слайдер все равно не работает
     
  12. denis01

    denis01 Суперстар
    Команда форума Модератор

    С нами с:
    9 дек 2014
    Сообщения:
    12.227
    Симпатии:
    1.714
    Адрес:
    Молдова, г.Кишинёв
    Попробуй запустить слайдер когда document ready
     
  13. Castle

    Castle Новичок

    С нами с:
    17 дек 2014
    Сообщения:
    32
    Симпатии:
    0
    я плохо понимаю javascript напиши по подробнее

    Добавлено спустя 17 секунд:
    пожалуйста
     
  14. denis01

    denis01 Суперстар
    Команда форума Модератор

    С нами с:
    9 дек 2014
    Сообщения:
    12.227
    Симпатии:
    1.714
    Адрес:
    Молдова, г.Кишинёв
    после $(document).ready(function(){
    перенеси код который отвечает за слайдер

    на официально сайте даже пример есть http://getwebplate.com/plugins/flickerplate поищи по слову ready
     
  15. Castle

    Castle Новичок

    С нами с:
    17 дек 2014
    Сообщения:
    32
    Симпатии:
    0
    так и нефига и не получилось
     
  16. denis01

    denis01 Суперстар
    Команда форума Модератор

    С нами с:
    9 дек 2014
    Сообщения:
    12.227
    Симпатии:
    1.714
    Адрес:
    Молдова, г.Кишинёв
    Так ты хочешь научиться писать программы или просто чтобы сделали за тебя?