لماذا يجب أن تكون الصور محاطة بعناصر Div/Span لتأثيرات العمل بشكل صحيح؟

Question

لا أفهم بشكل خاص سبب عمل الصورة في فترة ، ولكن ليس في حد ذاتها.
انظر المثال الكامل هنا.

JS

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

لغة البرمجة

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

Answer 1

أعتقد حقًا أن العنصر يحتاج إلى ملفوف في Div. بالنسبة لموقعي ، فإن صورة أكبر تواجه مشاكل في إخفاء ؛ إنه يختبئ بشكل رأسي فقط بدلاً من عموديًا وأفقيًا.

التفاف في DIV إصلاح هذا.

لم ألقي نظرة أكبر على كيفية أداء jQuery hide(), ، لكن هذا النوع من المنطقي ، منذ أ DIV هو عنصر كتلة و SPAN غير صحيح.