jQuery在Safari中不能正常工作

我已閱讀了與jQuery和Safari相關的其他帖子，以及其他人似乎並不適用於我的問題。我使用的是最新版本的jQuery，而且dreamweaver沒有捕捉到任何錯誤。我迫切需要找出爲什麼這不起作用。它可以在Chrome和Firefox罰款（可惜我不能在此刻測試它的IE瀏覽器）jQuery在Safari中不能正常工作

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

來源

2012-07-17 Aaron Happe

「不工作」是什麼意思？什麼情況不應該發生？你得到什麼錯誤？ – j08691 2012-07-17 19:28:52

你是否驗證過你的HTML？無效的HTML解釋了大部分跨瀏覽器問題。雖然，你從來沒有解釋過你有什麼問題，所以我不知道。 – Sparky 2012-07-17 19:30:26

如果你唯一要做的就是調用這個'epicZoom'插件，看起來問題出在插件上，而不是jQuery – jackwanders 2012-07-17 19:30:50

嘗試使用onload事件，因爲你操縱高畫質圖像。當DOM準備好沒有圖像，所以你可能要改爲嘗試這樣做的DOM已準備就緒事件觸發：

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

來源

2012-07-17 19:30:36 Blaster

+1：我從中學到了。 – 2012-07-17 19:31:49

我很抱歉。我是JavaScript/jQuery的新手。（window）.load使腳本無法在任何瀏覽器中工作。 HTML已被驗證，並沒有問題。該功能應創建一個方形懸停，將圖像放大2倍。在Safari中，正方形顯示，但不放大。它在其他瀏覽器中工作得很好。我會看看我能做些什麼關於Safari中的開發人員工具。 – 2012-07-17 20:09:14

我很欣賞這個建議。看來問題在於該插件不適用於最新版本的Safari。 – 2012-07-17 22:12:18

要在這裏發表@斯帕克的評論，而不是讓人們真正看到它。這是我的修補程序。 jQuery事件並未在Safari中觸發（但它們在其他瀏覽器上）。我去了W3C的HTML驗證器，修正了錯誤，並解決了這個問題。

您是否驗證過您的HTML？無效的HTML解釋了大多數跨瀏覽器的問題問題。雖然，你從來沒有解釋你有什麼問題，所以我不知道。 - Sparky 12年7月17日在19:30

來源

2015-12-11 20:21:06

jQuery在Safari中不能正常工作

回答

相關問題