javascript - jQuery 在 div 元素内部和外部分离 dblclick 事件

Question

我正在开发一个用于内容创建的本地站点，并且我想使用 JavaScript 的双击功能。

当用户双击具有名称/ID bigwrapper 或 bigwrapper2 的 div 外部时，我想旋转全屏背景图像。当用户单击 #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();    
 } 
 });
});  

更新:下面在函数内添加“事件”的解决方案部分有所帮助，因为背景旋转正确，但是#bigwrappers 没有按预期切换(else 条件)。请参阅:http://artfuladvection.com/project/NOAA/ndfdGraph/bloom.php有想法吗？

谢谢!

Answer 1

这是因为 dblclick 函数不知道 event 变量。试试这个

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