Форум PHP программистов > toggle не работает

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

Reh

27.05.2014 - 23:58

Доброй ночи!

Подскажите пожалуйста почему не работает событие toggle? Где ошибка?


    $('#name_listing span').toggle(

        function(){

            $('.edit').css({display:'table-cell'});
            $(this).html('Сохранить')
        },
        function(){

            $('.edit').css({display:'none'});
            $(this).html('Редактировать данные')
        }
    );

Игорь_Vasinsky

28.05.2014 - 07:14

как? работает же http://jsfiddle.net/PnJ4e/

_____________
HTML, CSS (Bootstrap), JS(JQuery, ExtJS), PHP, MySQL, MSSql, Posgres, (TSql, BI OLAP, MDX), Mongo, Git, SVN, CodeIgnater, Symfony, Yii 2, JiRA, Redmine, Bitbucket, Composer, Rabbit MQ, Amazon (SQS, S3, Transcribe), Docker

Reh

28.05.2014 - 08:22

Засада((
У меня текст, на который нацелены сразу удаляется, причем так будто к нему применен slideUp. Остальные события нормально работают, если заменить на hover то все ок. Может проблема быть в библиотеке? Попробую другую скачать, может у меня устаревшая

sergeiss

28.05.2014 - 13:15

Цитата (Reh @ 28.05.2014 - 08:22)

У меня текст, на который нацелены сразу удаляется,

Может, у тебя еще где-то что-то прописано для этого объекта, какие-нибудь другие события?

_____________
* Хэлп по PHP
* Описалово по JavaScript
* Хэлп и СУБД для PostgreSQL

* Обучаю PHP, JS, вёрстке. Интерактивно и качественно. За разумные деньги.

* "накапливаю умение телепатии" (С) и "гуглю за ваш счет" (С)

Reh

28.05.2014 - 13:37

Я тоже об этом подумал, но ховер то работает. И клик тоже работает. На них бы это тоже влияло( наверно ). Проблема только с toggle.

Игорь_Vasinsky

28.05.2014 - 13:39

toggle - это всего лишь переключатель

_____________
HTML, CSS (Bootstrap), JS(JQuery, ExtJS), PHP, MySQL, MSSql, Posgres, (TSql, BI OLAP, MDX), Mongo, Git, SVN, CodeIgnater, Symfony, Yii 2, JiRA, Redmine, Bitbucket, Composer, Rabbit MQ, Amazon (SQS, S3, Transcribe), Docker

Reh

28.05.2014 - 13:59

Дак и hover переключатель, только toggle по нажатию, а hover по наведению курсора. Или я ошибаюсь?

Игорь_Vasinsky

28.05.2014 - 14:00

да, всё верно говоришь.

может ты js + html выложишь - и ещё раз скажешь что не так и как надо?

_____________
HTML, CSS (Bootstrap), JS(JQuery, ExtJS), PHP, MySQL, MSSql, Posgres, (TSql, BI OLAP, MDX), Mongo, Git, SVN, CodeIgnater, Symfony, Yii 2, JiRA, Redmine, Bitbucket, Composer, Rabbit MQ, Amazon (SQS, S3, Transcribe), Docker

Reh

28.05.2014 - 14:06

Хорошо! Только вечером, сейчас на работе, вся информация на личном ноуте дома. Как приеду сразу все выложу.

Reh

28.05.2014 - 22:43

Я дома! Накидал на отдельной странице чтобы точно ничено не влияло.
http://xn--80aeampmya0aif4d.xn--p1ai/scripts/test.php
Вот код


<head>

    <title>Toggle</title>

    <meta http-equiv="Content-type" content="text/html; charset=utf8" />

    <script src="../js/jquery-2.0.3.js" type="text/javascript"></script>
</head>

<body>

<span class="test_toggle">

    Жмем сюда!
</span>

<span class="test_hover">

    Наводим мышь!
</span>


</body>


<script type="text/javascript">

$(document).ready(function(){

    $( function(){

        $('.test_toggle').toggle(

            function(){

                $('.test_toggle').html('Нажали')
            },
            function(){

                $('.test_toggle').html('Еще нажали')
            }
        );
    });

    $( function(){

        $('.test_hover').hover(

            function(){

                $('.test_hover').html('Навели')
            },
            function(){

                $('.test_hover').html('Убрали')
            }
        );
    });
});

</script>

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

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