Почему изображения должны быть заключены в элементы div / span для правильной работы эффектов? - PullRequest
Новая
       39

Почему изображения должны быть заключены в элементы div / span для правильной работы эффектов?

1 голос
/ 26 октября 2010

Я не совсем понимаю, почему изображение будет работать в промежутке, но не само по себе.
Смотрите полный пример здесь .

JS 

 $(document).ready(
     function ()
     {
        $('#banner').hover( function(event){ $(this).children().hide("slow");}
                          , function(event){ $(this).children().show("slow");}
                          );
     }
  );

HTML 

<div id="banner">
   <span><img src="http://static.jquery.com/files/rocker/images/logo_jquery_215x53.gif" title="Image" alt="Image"/></span>
</div>

против 

<div id="banner">
   <img src="http://static.jquery.com/files/rocker/images/logo_jquery_215x53.gif" title="Image" alt="Image"/>
</div>

1 Ответ

0 голосов
/ 26 октября 2010

Я думаю, что на самом деле элемент должен быть заключен в DIV. Для моего сайта, у большого изображения есть проблемы с сокрытием; он прячется только вертикально, а не вертикально и горизонтально.

Упаковка в DIV исправила это.

Я не стал более подробно рассматривать, как jQuery выполняет hide(), но этот вид имеет смысл, поскольку DIV является элементом блока, а SPAN - нет.

...