jquery-css效果在.net页面中不起作用

Question

我们正在尝试使用jquery和css实现一个图像悬停效果。它在html页面上运行良好，但在Asp.net (aspx)页面上效果不佳。这两个页面都在一个网站项目中。

我用来开发该页面的演示在这里是http://www.addyosmani.com/resources/zoomer/zoomer.html

这是.aspx页面的代码。

<div class="gallery">
    <ul class="thumb">
        <li><a href="#"><img src="images/Deepakbhai.jpg" alt="Deepakbhai and Kids" /></a></li>
        <li><a href="#"><img src="images/Deepakbhai.jpg" alt="Deepakbhai and Kids" /></a></li>
        <li><a href="#"><img src="images/Deepakbhai.jpg" alt="Deepakbhai and Kids" /></a></li>

    </ul>

​

它被放在.net页面和js文件中，css文件在header中定义。

Answer 1

@hetalgala Check that jquery reference is added in the header before Zoomer.js. because due to not finding the jquery reference in zoomer.js, it's giving the error 'jQuery Undefined'.

Script should be included in this format :

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" src="zoomer.js"></script> 
<script type="text/javascript">
$(document).ready(function(){
$('ul.thumb li').Zoomer({speedView:200,speedRemove:400,altAnim:true,speedTitle:400,debug:false});
});

</script>