0

我已经阅读了与 jQuery 和 Safari 相关的其他帖子，其他人遇到的问题似乎不适用于我的。我使用的是最新版本的 jQuery，dreamweaver 没有发现 javascript 的任何错误。我迫切需要找出为什么这不起作用。它在 chrome 和 firefox 中运行良好（不幸的是，我目前无法在 IE 上测试它）

<script src="../../zoom/jquery.min.js" type="text/javascript"></script>
<script src="../../zoom/epic-image-zoom.min.js" type="text/javascript"></script>

<script type="text/javascript">

jQuery(document).ready(function($){
  $('.my-image').epicZoom( {largeImage: '../../images/large/domestic_musings/Gaylen-Beyond_zoom.jpg', magnification: 1} );
});

</script>

</head>

<body>

<div id="wrapper">
<div id="header"> </div>
  <!--End "header"--> 

<div class="center"><img src="../../images/large/domestic_musings/Gaylen&amp;Beyond.jpg" alt="Gaylen and Beyond - large image " width="921" height="718" class="my-image" /></div>
4

2 回答 2

1

尝试使用onload事件，因为您正在处理大图像。当 dom 准备好而不是图像时会触发 dom ready 事件，因此您可能想尝试以下操作：

jQuery(window).load(function($){
  $('.my-image').epicZoom( {largeImage: '../../images/large/domestic_musings/Gaylen-Beyond_zoom.jpg', magnification: 1} );
});
于 2012-07-17T19:30:36.330 回答
0

而是在这里发布@sparky 的评论，以便人们真正看到它。这对我来说是解决办法。jQuery 事件没有在 Safari 中触发（但它们在其他浏览器上）。我去了 W3C HTML 验证器，修复了错误，并解决了问题。

您是否验证了您的 HTML？无效的 HTML 解释了大多数跨浏览器问题。虽然，你从来没有解释过你遇到了什么问题，所以我不知道。– Sparky 2012 年 7 月 17 日 19:30

于 2015-12-11T20:21:06.090 回答