如何用dblclick事件打開一個漂亮的盒子

我的問題是在標題中：如何用dblclick事件打開jquery fancybox（http://www.fancybox.net/）？如何用dblclick事件打開一個漂亮的盒子

預先感謝您爲您迴應:)

編輯：我試過了，但它似乎並不工作，我真的不知道爲什麼：

$("#id").dblclick(function(){ 

    $("#id").fancybox({ 
     ... 
    }); 
    $("#id").click(); //Trigger click to open the fancy because dblclick doesn't open the fancy 
    $("#id").unbind('click.fb'); //unbind the click fancybox event 

});

當時的想法是在dblclick被觸發時處理特別的框，然後觸發一個點擊打開花哨，然後解除click.fb事件，以防止用戶觸發單擊時打開fancybox。不幸的是，解除綁定（'click.fb'）似乎不起作用。

來源

2012-04-12 guts

嘗試更新解決方案。 – undefined 2012-04-12 09:09:53

我不知道如果我完全得到的問題，而是試試這個：

$('button').dblclick(function() { 
    $.fancybox({ 
     href: '#fancybox' 
     // other options here 
    }); 
});

無需解除綁定任何東西。

編輯：這是一個jsfiddle的例子。

http://jsfiddle.net/abqTD/3/

來源

2012-04-12 09:32:48 rgin

它的作品像一個魅力謝謝:) – guts 2012-04-12 10:04:39

沒問題。更新小提琴鏈接到工作副本。 Fancybox沒有加載第一個。 – rgin 2012-04-12 10:05:31

嘗試使用jQuery .trigger（）方法。這種方式你應該有另一個像按鈕激活fancybox元素。

$("button").dblclick(function() { 
    $("#fancybox").trigger('click'); 

}); 

$("#fancybox").click($(this).fancybox(){ 
     'transitionIn' : 'elastic', 
     'transitionOut' : 'elastic', 
     'speedIn'  : 600, 
     'speedOut'  : 200, 
     'overlayShow' : false 
    });

來源

2012-04-12 08:52:13 undefined

這不起作用，因爲它會在dblclick之後綁定fancybox，但只有在點擊事件觸發時fancybox纔會打開。因此，通過這段代碼，如果我雙擊fancybox將被處理（並且不觸發，因爲只有click事件才能打開幻想），然後幻想將在每個不是我想要的點擊事件中打開（不確定是否我'米清...） – guts 2012-04-12 09:03:27

是的，這很清楚。 – undefined 2012-04-12 09:10:22

這個解決方案看起來不錯，但我不能有一個單獨的按鈕:) – guts 2012-04-12 09:51:11

使用的fancybox的方法來做到這一點。

HTML

img src="images/sample_image.png" alt="Sample Title" class="fancybox"

jQuery的

$(document).ready(function() { 
    $('.fancybox').dblclick(function() { 
     var imgSrc = $(this).attr('src'), 
      imgTitle = $(this).attr('alt'); 

     $.fancybox.open({href : imgSrc , title : imgTitle }); 
    }); 
});

希望這有助於...;）

來源

2012-04-16 16:55:14

$(".fbox").dblclick(function() { $.fancybox({ 
    'transitionIn' : 'elastic', 
    'transitionOut' : 'elastic', 
    'speedIn' : 600, 
    'speedOut' : 200, 
    'href': $(this).attr('href') 
    // 'overlayShow' : false 
    }); 
}); 

...<img src="path/someimage_thumb.jpg" href="path/someimage.jpg" class="fbox">

我試圖做類似的，但是，一類的東西。試圖將其與jquery image picker整合。

來源

2013-05-17 18:50:04

如何用dblclick事件打開一個漂亮的盒子

回答

相關問題