Форум PHP программистов > jQuery список и фокус окна

[ Поиск ] - [ Пользователи ] - [ Календарь ]

Полная Версия: jQuery список и фокус окна

__romka_

25.11.2010 - 11:39

С помощью библиотеки jQuery скрываю и показываю блоки.


$(document).ready(function(){
    $(".btn-slide-1").click(function(){
        $("#panel-1").slideToggle("fast");
        $(this).toggleClass("active");
    });
});

В блоках куски таблицы (строки). Блоки раскрываются и скрываются хорошо и красиво.
Но вместе с этим событием, после скрытия/показа блока - фокус всего окна перескакивает на верх страницы. Как от этого явления избавиться?

Спустя 1 час, 23 минуты, 18 секунд (25.11.2010 - 12:02) Игорь_Vasinsky написал(а):

а у тя кнопки раскрытия и закрытия как прописаны? через href?

Спустя 12 минут, 7 секунд (25.11.2010 - 12:14) __romka_ написал(а):

да


<a href='#' id=device-tree class=btn-slide-1>System alarms</a>

может надо onFocus(this) или что то такое?

Спустя 21 минута, 2 секунды (25.11.2010 - 12:35) Игорь_Vasinsky написал(а):

убери ссылку, а в объект впиши onclick="функция()"; style="cursor:pointer";

например:

<div id="device-tree"  onclick="функция клика()" style="cursor:pointer">System alarms</div>

у тя # - вукидывает в топ

Спустя 5 минут, 41 секунда (25.11.2010 - 12:41) Slays написал(а):

Игорь_Vasinsky
зачем прописывать онклик, если мы это событие задаем в jquery
и зачем обращаться по классу, если есть ID

если хочешь ссылку, то

<a href='javascript:void(0)' id=device-tree class=btn-slide-1>System alarms</a>

и возвращаем false, чтобы переход по ней не проходил

$(document).ready(function(){
    $("#device-tree").click(function(){
        $("#panel-1").slideToggle("fast");
        $(this).toggleClass("active");

        return false;
    });
});

Спустя 2 минуты, 24 секунды (25.11.2010 - 12:43) Игорь_Vasinsky написал(а):

да да.. onclick не прописывай. тока ID и cursor:pointer - чтоб показать что кликабельно.

я по классу и не предлогал - тока по ID

Спустя 1 час, 48 минут, 47 секунд (25.11.2010 - 14:32) __romka_ написал(а):


<a href='javascript:void(0)' id=device-tree class=btn-slide-1>System alarms</a>

помогло! спсб!

Быстрый ответ:

Здесь расположена полная версия этой страницы.