Question

我已经阅读了与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>

Answer 1

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

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

Answer 2

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

您是否验证了自己的HTML？无效的HTML解释了大多数跨浏览器的问题。虽然，你从未解释过你所拥有的问题，所以我不知道。 - Sparky Jul 17＆＃39; 12 at 19:30

jQuery在Safari中无法完全运行

2 个答案: