почему это не работает в Firefox и Opera? - PullRequest
Новая
       27

почему это не работает в Firefox и Opera?

1 голос
/ 05 апреля 2011

Так что раздел галереи сайта joomla, над которым я работаю ( www.arrowandbranch.com / joomla / gallery ), использует jquery и flickr API. сайты работают и выглядят хорошо в IE, Safari и Chrome, но не в FireFox и Opera. В частности, в FF и Opera при щелчке по уменьшенному изображению или названию альбомов изображения не загружаются в левое поле, как следует.

Есть идеи, что я здесь не так делаю?

1 Ответ

2 голосов
/ 05 апреля 2011

Код, который запускает ваш 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>

будет работать нормально.

...