Jquery image Zoomer函數沒有被調用

我想實現在this website上找到的圖像縮放，但我有問題讓它在我的網站上工作。我將.js和.css文件添加到根，並按照指示在javascript中引用了這些文件，但似乎我從來沒有達到jquery函數。我究竟做錯了什麼？我在頁面上沒有任何錯誤。當我將鼠標懸停在圖像上時，沒有任何反應。Jquery image Zoomer函數沒有被調用

<head id="Head1" runat="server"> 
    <link rel="stylesheet" href="multizoom.css" type="text/css" /> 
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script> 

<script type="text/javascript" src="multizoom.js"> 
    jQuery(function ($) { 
    $('#image1').addimagezoom({ // single image zoom 
     zoomrange: [3, 10], 
     magnifiersize: [300, 300], 
     magnifierpos: 'right', 
     cursorshade: true, 
     largeimage: 'someImage.jpg' //<-- No comma after last option! 
    }) 
}) 
</script> 

</head> 

<img id="image1" border="0" src="someImagesmall.jpg" style="width:250px;height:338px">

來源

2013-03-08 Eric

我知道這是顯而易見的，但你把相關文件有問題您的服務器嗎？ – Leeish 2013-03-08 18:50:13

是的，我當然做 – Eric 2013-03-08 19:46:24

使用兩個腳本標籤：

<script type="text/javascript" src="multizoom.js"></script>

和

<script type="text/javascript"> 
    jQuery(function ($) { 
    $('#image1').addimagezoom({ // single image zoom 
     zoomrange: [3, 10], 
     magnifiersize: [300, 300], 
     magnifierpos: 'right', 
     cursorshade: true, 
     largeimage: 'someImage.jpg' //<-- No comma after last option! 
    }) 
}) 
</script>

來源

2013-03-08 18:49:39

哪個錯誤消息彈出與錯誤控制檯（shift-ctrl J）給你？ – 2013-03-08 19:13:20

是的，我以前是這樣做的，但我只是根據您的建議進行調整，結果相同。 – Eric 2013-03-08 19:48:14

啊，我看到一個錯誤，說jQuery是未定義的 – Eric 2013-03-08 19:56:30

Jquery image Zoomer函數沒有被調用

回答

相關問題