jQuery отдельные события dblclick внутри и снаружи элемента div

Question

jQuery отдельные события dblclick внутри и снаружи элемента div

0

Я разрабатываю локальный сайт для создания контента, и я бы хотел использовать функцию двойного щелчка javascript.

Я бы хотел повернуть по полноэкранным фоновым изображениям, когда пользователь дважды щелкает за пределами div с именами/идентификаторами bigwrapper или bigwrapper2. Когда пользователь нажимает #bigwrapper или # bigwrapper2, я бы хотел его.toggle(); каждый из них скрывает/показывает один или другой.

Здесь мой обновленный код (спасибо lordvlad):

$(function() { 
 $( "#bigwrapper" ).draggable();  
 $( "#bigwrapper2" ).draggable(); 

 var SacramentoBG = ['nightcap.jpg','Tower_Bridge_Sacramento_edit.jpg'], 
     counter =0;            

 $('html').dblclick(function (event) {
    if (event.target.id != "bigwrapper" && event.target.id != "bigwrapper2") {
     counter = (counter+1) % SacramentoBG.length;
     $('html').css('background-image', "url("+SacramentoBG[counter]+")");
 } else {
     $("#bigwrapper").toggle();
     $("#bigwrapper2").toggle();    
 } 
 });
});

UPDATE: решение, появившееся ниже, чтобы добавить "событие" внутри функции, частично помогло, так как фон вращается должным образом, однако #bigwrappers не переключаются по назначению (условие else). См.: http://artfuladvection.com/project/NOAA/ndfdGraph/bloom.php Идеи?

Благодарю!

DrewP84 04 окт. 2013, в 18:19

Источник

0

Проверьте консоль и посмотрите, нет ли ошибок! Скорее всего, там будет что-то интересное для чтения.
Streamside 04 окт. 2013, в 16:24
1

Здесь отлично работает ... jsfiddle.net/SqRQ6 Можете ли вы повторить
PSL 04 окт. 2013, в 16:26
0

Больше не будет ошибок консоли после добавления 'event' к функции согласно решению lordvlad. @PSL: см. Ссылку выше.
DrewP84 04 окт. 2013, в 16:31

Показать ещё 1 комментарий

Теги:

javascript

jquery

dom

events

2 ответа

4

что, поскольку функция dblclick не знает о переменной event. попробуй это

$('html').dblclick(function (event) {

lordvlad 04 окт. 2013, в 13:28

0

Спасибо! Это помогло исправить фон только циклично, но # bigwrapper's .toggle () вообще не работает. Идеи? Вот URL: artfuladvection.com/project/NOAA/ndfdGraph/bloom.php
DrewP84 04 окт. 2013, в 16:28

Ещё вопросы

Проверьте консоль и посмотрите, нет ли ошибок! Скорее всего, там будет что-то интересное для чтения.
Здесь отлично работает ... jsfiddle.net/SqRQ6 Можете ли вы повторить
Больше не будет ошибок консоли после добавления 'event' к функции согласно решению lordvlad. @PSL: см. Ссылку выше.
Спасибо! Это помогло исправить фон только циклично, но # bigwrapper's .toggle () вообще не работает. Идеи? Вот URL: artfuladvection.com/project/NOAA/ndfdGraph/bloom.php

DrewP84 · Accepted Answer · 2013-10-04T16-24-00.000Z

Полный ответ, который работал для меня, состоял в том, что мне нужно было прекратить исключать определенные имена классов /ids и вместо этого исключать целые теги элементов. В качестве альтернативы, я мог бы просто использовать if (event.target.TagName == 'BODY') {}

 $('body').dblclick(function (event) {
     if (event.target.tagName != 'DIV' && event.target.tagName != 'IMG' && event.target.tagName != 'TABLE' && event.target.tagName != 'HR' && event.target.tagName != 'SMALL' ) {
       counter = (counter+1) % SacramentoBG.length;
       $('html').css('background-image', "url("+SacramentoBG[counter]+")");
     } else {
       $("#bigwrapper").toggle();
       $("#bigwrapper2").toggle();    
     } 
 });