Jump to content

Выпадающий спикок на jquerry


Maksim
 Share

Recommended Posts

Добрый день!

Все казалось бы просто. но разобраться самостоятельно не смог

Есть код, который отвечает за выпадающий простой список

<script type="text/javascript" src="a-jquery.js"></script>
<script type="text/javascript">
jQuery(document).ready(function (){

$('#box').hide(); // прячем выпадающий список
$('#listpolis').click(function(){
$('#box').toggle("fast"); // настраиваем выпадающий список
});
});
</script>
<a href="#" id="listpolis" class="js-serv_main">Хочу опубликовать...</a>

<div id="box">
<li><a href="http://polis.mypiter.kz/topic/add/" class="js-serv">Топик</a></li>
<li><a href="http://polis.mypiter.kz/picturestory/add/" class="js-serv2">Фоторепортаж</a></li>
<li><a href="http://polis.mypiter.kz/link/add/" class="js-serv">Ссылку</a></li>
<li><a href="http://polis.mypiter.kz/question/add/" class="js-serv">Опрос</a></li>
</div></div>

т.е. при клике вываливается блок с ссылками. Выглядет так: 2011-10-20_093312.jpg

Вообще в простом тестовом html все прекрасно работает.

Размещаю на рабочем сайте (зеленая кнопка "Хочу опубликовать..." внизу). При клике перекидывает наверх страницы (как при реакции на якорь), список же внизу разворачивается. Опять кликаешь - опять перескакивает вверх, список сворачивается. (Опера)

ФайрБаг выдает ошибку, что "jQuery is not defined". Хотя все определено в хедере страницы

<script defer type="text/javascript" src="includes/preload_js/a-jquery.js">

вообще в хедере подключены следующие скрипты и в следующем порядке

<script defer type="text/javascript" src="includes/preload_js/ShoutBox.js"></script>
<script defer type="text/javascript" src="includes/preload_js/a-jquery.js"></script>
<script defer type="text/javascript" src="includes/preload_js/jquery.jcarousel.min.js"></script>
<script type="text/javascript" src="includes/loader.js"></script>
<script type="text/javascript" src="includes/preview_templates.js"></script>

Link to comment
Share on other sites

похоже, что все-таки сам скрипт косячный

http://www.mypiter.kz/Untitled-2.html

тут видно, что также вверх перескакивает...

может кто подскажет подобную реализацию (всплывающий блок с ссылками), ткнув носом...

Link to comment
Share on other sites

Добавьте

return false;

после строчки

$('#box').toggle("fast");  // настраиваем выпадающий список

Должно перестать перекидывать наверх.

troll, большое вам человеческое Спасибо! в опере фурычит конкретно на моем сайте, в ИЕ и Файрфоксе нет по пбричине " "jQuery is not defined", но это уже ошибка другого плана

Edited by Maksim
Link to comment
Share on other sites

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy