jquery.fancybox.js殺死我的CSS3頁面轉換模板

Question

我有一個問題，我真的無法解決，希望你們可以幫助我，因爲即時通訊相對較新的CSS/JS。我正嘗試使用整齊的CSS3頁面過渡模板以及fancybox圖庫。

一切都很好，但是當我使用jquery.fancybox.js時，模板菜單鏈接不再有效，我點擊它們，沒有任何反應，轉換不再發生。 我懷疑那裏的東西，有兩種使用href s到做（模板是使用href秒的一個頁面的網站，所以沒有將.js調用圖片？）

對不起我的英語不好，缺乏成熟的問題，希望有人知道我在說什麼，可以幫助我。 乾杯！

編輯：

非常感謝試圖幫助，這裏有2個鏈接，注意在頁面上的一切是香港專業教育學院的代碼從網上覆制的，沒有什麼是我的，只是爲了測試目的。

not working with jquery fancybox

這一個你可以看到jQuery是做它的魔力，當你點擊查看投資組合的圖像正常顯示，但菜單不工作了，你不能導航。

working without the jquery fancybox

這一個沒有jsquery你可以看到導航工作正常，頁面轉換髮生，但是當您單擊組合視圖縮略圖，你只看到.JPEG着，當然......和着通導航圖片。

非常感謝幫助希望這是可解決的，所以我可以有一個工作jquery fancybox圖像視圖與頁面轉換工作！

Answer 1

這不是fancybox會導致你的CSS3轉換。該問題是由這條線在script.js文件中創建：

$('a').bind('click', function (event) { 
    var $anchor = $(this); 
    $('html, body').stop().animate({ 
    scrollTop: $($anchor.attr("href")).offset().top 
    }, 1000, "easeOutExpo"); 
    event.preventDefault(); 
}); 

...，你在你的網頁設置event.preventDefault()到ALL錨，包括那些的fancybox勢必（<a class="fancybox" ...> ）。

例如，如果您註釋掉event.preventDefault()，那麼您將同時擁有fancybox和CSS3轉換。

見JSFIDDLE

一般來說，這不是一個好主意，結合事件或CSS規則應用於一般的元素或標籤，但使用特異性相反，大多是當你有其他事件綁定到這些元素幾個插件...所以不是做

$('a') 

做

$('a.selector')