为什么这在 Firefox 和 Opera 中不起作用？

发布于 2024-10-30 16:59:27 字数 301 浏览 6 评论 0原文

因此，我正在处理的 joomla 网站的画廊部分（www.arrowandbranch.com/joomla/gallery) 使用 jquery 和 flickr API。这些网站在 IE、Safari 和 Chrome 中工作和看起来都很好，但在 FireFox 和 Opera 中则不然。具体来说，在 FF 和 Opera 中，单击缩略图或相册标题不会按应有的方式加载左侧框中的图片。

我在这里做错了什么有什么想法吗？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

一梦等七年七年为一梦 2024-11-06 16:59:27

触发 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>

会工作得很好。

The code that triggers your javascript is what's causing the problem.

The thumbnail picture on the right has the following markup :

<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>

The problem comes from the onclick event. You are telling it to execute on $(document).ready which isn't really what you want. $(document).ready executes when the page first loads. If an event is triggered by a click, then just use onclick without $(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>

will work fine.

回复收藏 0 原文

~没有更多了~