Форум Сайтостроение Веб-строительство

Проблема с выпадающим меню на jquery

[Удален]
536

Приветствую господа, я уже замучался тут совсем.

не получается установить плагин/скрипт выпадающего меню на джеквери.

Брал его отсюда:

http://tympanus.net/Development/SimpleDropDownEffects/

Страница описания:

http://tympanus.net/codrops/2012/11/29/simple-effects-for-drop-down-lists/

Действия:

Подключил ксс, залил js файл по указанному пути, в шапке прописал:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script type="text/javascript" src="/js/jquery.dropdown.js"></script>
<script type="text/javascript">
			
			$( function() {
				
				$( '#cd-dropdown' ).dropdown( {
					gutter : 5
				} );

			});

		</script>

Прописал вывод:

<select id="cd-dropdown" name="cd-dropdown" class="cd-select">
						<option value="-1" selected>Choose your favorite animal</option>
						<option value="1" class="icon-monkey">Monkey</option>
						<option value="2" class="icon-bear">Bear</option>
						<option value="3" class="icon-squirrel">Squirrel</option>
						<option value="4" class="icon-elephant">Elephant</option>
					</select>

Проблема:

Выводятся данные обычным выпадающим списком, консоль фаербага выдает следующее:

TypeError: $(...).dropdown is not a function
gutter : 5

Буду премного благодарен тому, кто ткнет носом в проблему, особо "четким" в лс кину ссылку на сайт.

Прошу не кидаться тапками, в джава скриптах очень слаб.

Спасибо

MB
На сайте с 11.05.2010
Offline
28
mr-basil
#1

А jquery.dropdown.js точно подключен(путь правильный)? Если подключить путь как в оригинале http://tympanus.net/Development/SimpleDropDownEffects/js/jquery.dropdown.js, что то измениться?

S3
На сайте с 18.04.2011
Offline
109
sok3535
#2 

<!DOCTYPE html>

<html>

<head>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

<script type="text/javascript" src="http://tympanus.net/Development/SimpleDropDownEffects/js/jquery.dropdown.js"></script>

<script src="http://tympanus.net/Development/SimpleDropDownEffects/js/modernizr.custom.63321.js"></script>

<link rel="stylesheet" type="text/css" href="http://tympanus.net/Development/SimpleDropDownEffects/css/style1.css" />

<script type="text/javascript">

			

			$( function() {

				

				$( '#cd-dropdown' ).dropdown( {

					gutter : 5

				} );



			});



		</script>

</head>

<body>

<select id="cd-dropdown" name="cd-dropdown" class="cd-select">

						<option value="-1" selected>Choose your favorite animal</option>

						<option value="1" class="icon-monkey">Monkey</option>

						<option value="2" class="icon-bear">Bear</option>

						<option value="3" class="icon-squirrel">Squirrel</option>

						<option value="4" class="icon-elephant">Elephant</option>

					</select>

</body>

</html>
[Удален]
#3

Подключен правильно, проверял уже много раз(

---------- Добавлено 03.07.2013 в 14:59 ----------

sok3535:
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript" src="http://tympanus.net/Development/SimpleDropDownEffects/js/jquery.dropdown.js"></script>
<script src="http://tympanus.net/Development/SimpleDropDownEffects/js/modernizr.custom.63321.js"></script>
<link rel="stylesheet" type="text/css" href="http://tympanus.net/Development/SimpleDropDownEffects/css/style1.css" />
<script type="text/javascript">
			
			$( function() {
				
				$( '#cd-dropdown' ).dropdown( {
					gutter : 5
				} );

			});

		</script>
</head>
<body>
<select id="cd-dropdown" name="cd-dropdown" class="cd-select">
						<option value="-1" selected>Choose your favorite animal</option>
						<option value="1" class="icon-monkey">Monkey</option>
						<option value="2" class="icon-bear">Bear</option>
						<option value="3" class="icon-squirrel">Squirrel</option>
						<option value="4" class="icon-elephant">Elephant</option>
					</select>
</body>
</html>

Все равно не работает(

Может это имеет значение, сайт на css3 и HTML5

S3
На сайте с 18.04.2011
Offline
109
sok3535
#4

[Удален]
#5
sok3535:

Я не сомневаюсь, но на моей главной странице этот код не работает(

И ругается именно на вот этот кусок кода:

<script type="text/javascript">
			
			$( function() {
				
				$( '#cd-dropdown' ).dropdown( {
					gutter : 5
				} );

			});

		</script>
S3
На сайте с 18.04.2011
Offline
109
sok3535
#6

jquery.min.js - проверь может два раза подключен

после меню вставь его 

<script type="text/javascript">

			

			$( function() {

				

				$( '#cd-dropdown' ).dropdown( {

					gutter : 5

				} );



			});



		</script>
[Удален]
#7
sok3535:
jquery.min.js - проверь может два раза подключен

после меню вставь его 
<script type="text/javascript">

			

			$( function() {

				

				$( '#cd-dropdown' ).dropdown( {

					gutter : 5

				} );



			});



		</script>

Спасибо большое, проблема была действительно во второй джске.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий