Jquery обновить div, но удерживать действие при наведении курсора

Question

Jquery обновить div, но удерживать действие при наведении курсора

0

Добрый день,

Я пытался заставить следующее работать:...... включая jquery.js из www..... этот скрипт находится в заголовке

<script type="text/javascript">
    $("#latestChats").bind("mouseout", function() {
        refreshInterval = setInterval(function() {
            $("#latestChats").load('chatmessages.php');
        }, 1500);
    });

    $("#latestChats").bind("mouseover", function() {
        clearInterval(refreshInterval);
    });
</script>

Я хочу постоянно обновлять div, содержащий сообщения чата от пользователей, и всякий раз, когда пользователь нажимает на содержимое youtube vid/views (mouseover) в этом div, обновление останавливается. Автоматическое добавление jquery было бы лучшим, но до сих пор я не мог понять эту часть... Теперь обновление или манипулятор работает... Любые мысли?

user3480811 31 март 2014, в 14:05

Источник

Теги:

jquery

append

refresh

mouseover

1 ответ

Ещё вопросы

Starscream1984 · Accepted Answer · 2014-03-31T09-31-00.000Z

0

Лучший ответ

Похоже, что ваши обработчики немного запутаны, основываясь на вашем описании функциональности, я бы ожидал, что refreshInterval будет установлен сразу, а не на мыши, и я бы использовал mouseover, как описано в jQuery API:

<script type="text/javascript">

    var refreshInterval;

        $(document).ready(function() {
            refreshInterval = setInterval(function() {
                $("#latestChats").load('somedynamicpage.html');
            }, 1500);

            $("#latestChats").mouseover(function() {
                clearInterval(refreshInterval);
            });
        });        
</script>

http://jsfiddle.net/QG354/ (с предупреждением, чтобы показать срабатывание мыши)

Starscream1984 31 март 2014, в 09:31

0

Спасибо за ваш ответ, обновление div теперь работает отлично, но при наведении мыши оно не действует, оно продолжает обновляться :( Ваш код: var refreshInterval; $ (function () {refreshInterval = setInterval (function () {$ ("# latestChats" ) .load ('chats_algemeen.php');}, 5000);}); $ ("# latestChats"). mouseover (function () {clearInterval (refreshInterval);});
user3480811 31 март 2014, в 12:36
0

Хм, если вы поставили alert('triggered'); перед clearInterval(refreshInterval); линия, оповещение срабатывает?
Starscream1984 31 март 2014, в 12:46
0

Похоже, он даже не выполняет эту строку. Нет предупреждения сработало. Я мог бы попытаться удалить refr.interval и проверить только наведение мыши
user3480811 31 март 2014, в 12:54
0

Одно это предупреждение нарушает мой код, tinymce не загружается только при наведении курсора мыши. Когда нетронутым, загружается (в том числе обновление)
user3480811 31 март 2014, в 12:56
0

Я отредактировал код в своем ответе - если обработчик не запускается, я думаю, что он пытается установить обработчик до загрузки элемента, поэтому я помещаю его в $()
Starscream1984 31 март 2014, в 13:00
0

К сожалению, никаких изменений в наведении мыши. Может ли быть другая часть кода, которая нарушает его еще до того, как он выполнится? последняя строка >>); << нет начала может быть проблема?
user3480811 31 март 2014, в 13:14
0

Отредактировал еще раз, чтобы разобраться с глупыми скобками, которые я представил :)
Starscream1984 31 март 2014, в 13:16
0

Теперь функция обновления перестала работать :( Я пытался поместить его в простой HTML-файл, где он просто запрашивает другой HTML-файл с тем же результатом, без обновления.
user3480811 31 март 2014, в 13:37
0

Сейчас я немного пробуждаю вопрос о том, почему это перестало работать только с фрагментом кода. Есть ли какой-то шанс, что вы можете поднять jsfiddle, который примерно воспроизводит вашу ситуацию, и я могу попытаться выяснить это для вас.
Starscream1984 31 март 2014, в 14:02
0

Я сделал это как можно проще: jsfiddle.net/Rzg3C/1
user3480811 31 март 2014, в 14:13
0

Я понял это - проблема с синтаксисом, см. Обновленный ответ
Starscream1984 31 март 2014, в 14:18
0

Это сработало! ты восхитителен! Я буду изучать этот код, чтобы я мог расширить его использование. большое спасибо!
user3480811 31 март 2014, в 14:37

Показать ещё 10 комментариев