Эффект jquery-css не работает на странице .net - PullRequest
0 голосов
/ 07 февраля 2012

мы пробуем один эффект наведения изображения с помощью 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 определен в заголовке.

1 Ответ

0 голосов
/ 13 апреля 2012
@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>
...