Вот у меня такая ситуация: На моем сайте работает слайдер с подключением библиотеки JQuery Код (Text): <script src="min/jquery-v1.10.2.min.js" type="text/javascript"></script> а так же параллельно должен работать select стилизованный с подключением той же библиотеки , но работает только select или только слайдер помоги пожайлуста в чем проблема. Заранее спасибо)
щас Добавлено спустя 1 минуту 32 секунды: вот слайдер Код (Text): <link href="flickerplate.css" type="text/css" rel="stylesheet"> <script src="min/jquery-v1.10.2.min.js" type="text/javascript"></script> <script src="min/flickerplate.min.js" type="text/javascript"></script> <script> $(function(){$('.flicker-example').flickerplate({ auto_flick : true, auto_flick_delay : 8, flick_animation : 'transform-slide' });}); </script> <div class="flicker-example"> <ul> <?php $photo = mysql_query("select * from photo "); while($photo1 = mysql_fetch_array($photo)){ $images = $photo1[max_new_name]; echo "<li data-background='images/$images'></li>";} ?> </ul> </div> вот слайдер Код (Text): <link href="style.css" rel="stylesheet" type="text/css" /> <form method="POST" action="" enctype="multipart/form-data"> <div class="select"> <a href="#" class="slct">Выберите Ваше лучшее качество:</a> <ul class="drop"> <li>Красивый(ая)</li> <li>Умный(ая)</li> <li>Коммуникабульный(ая)</li> <li>Скромный(ая)</li> </ul> <input type="hidden" id="select" name="ok" /> </div> <input type="submit" name="send" value="Добавить" > </form> <script src="min/jquery-v1.10.2.min.js" type="text/javascript"></script> <script src="script.js" type="text/javascript"></script> Добавлено спустя 2 минуты 55 секунд: простите нижний был select
в script.js Код (Text): $(document).ready(function(){ // Select $('.slct').click(function(){ /* Заносим выпадающий список в переменную */ var dropBlock = $(this).parent().find('.drop'); /* Делаем проверку: Если выпадающий блок скрыт то делаем его видимым*/ if( dropBlock.is(':hidden') ) { dropBlock.slideDown(); /* Выделяем ссылку открывающую select */ $(this).addClass('active'); /* Работаем с событием клика по элементам выпадающего списка */ $('.drop').find('li').click(function(){ /* Заносим в переменную HTML код элемента списка по которому кликнули */ var selectResult = $(this).html(); /* Находим наш скрытый инпут и передаем в него значение из переменной selectResult */ $(this).parent().parent().find('input').val(selectResult); /* Передаем значение переменной selectResult в ссылку которая открывает наш выпадающий список и удаляем активность */ $('.slct').removeClass('active').html(selectResult); /* Скрываем выпадающий блок */ dropBlock.slideUp(); }); /* Продолжаем проверку: Если выпадающий блок не скрыт то скрываем его */ } else { $(this).removeClass('active'); dropBlock.slideUp(); } /* Предотвращаем обычное поведение ссылки при клике */ return false; }); // RadioButton $('.radioblock').find('.radio').click(function(){ var valueRadio = $(this).html(); $(this).parent().find('.radio').removeClass('active'); $(this).addClass('active'); $(this).parent().find('input').val(valueRadio); }); });
Можно посмотреть всё ли работает так как ты хотел с помощью отладки Google chrome инструменты разработчика https://developer.chrome.com/devtools/docs/javascript-debugging https://developer.chrome.com/extensions/tut_debugging
он жалуется на 5 строку в слайдере но почему?? Добавлено спустя 1 минуту 11 секунд: и выдает вот такую ошибку: Uncaught TypeError: undefined is not a function
после $(document).ready(function(){ перенеси код который отвечает за слайдер на официально сайте даже пример есть http://getwebplate.com/plugins/flickerplate поищи по слову ready