爲什麼不能在Firefox和Opera中使用？

Question

因此，我正在使用的joomla網站的圖庫部分（www.arrowandbranch.com/joomla/gallery）使用jquery和flickr API。這些網站在IE，Safari和Chrome中運行良好，但在FireFox和Opera中沒有。具體來說，在FF和Opera中，單擊縮略圖或相冊的標題不會按原樣加載左側框中的圖片。

任何想法，因爲我在這裏做錯了嗎？

Answer 1

觸發您的JavaScript的代碼是什麼導致了問題。

右邊的縮略圖具有以下標記：

<a onclick=" $(document).ready(function(){ $('#photo2').flickrGallery({ useFlickr: 'true', flickrAPIKey: '2dc6307382340967ed44d0df77f888bf', photosetID: '72157625589504841', useHoverIntent: 'true', useLightBox: 'true' }); }); " href="#">      
    <img style="width: 100px; height: 100px;" alt="" src="http://farm6.static.flickr.com/5207/5310233198_7f8f2295ed_s.jpg" class="album-pic">   
</a> 

的問題來自於onclick事件。你告訴它在$（document）.ready上執行，這實際上不是你想要的。 $（document）.ready在頁面第一次加載時執行。如果某個事件是由點擊觸發的，則只需使用onclick而不需要$（document）.ready。

<a onclick="$('#photo2').flickrGallery({ useFlickr: 'true', flickrAPIKey: '2dc6307382340967ed44d0df77f888bf', photosetID: '72157625589504841', useHoverIntent: 'true', useLightBox: 'true' });" href="#">      
    <img style="width: 100px; height: 100px;" alt="" src="http://farm6.static.flickr.com/5207/5310233198_7f8f2295ed_s.jpg" class="album-pic">   
</a> 

會正常工作。