Изображение не изменит источник, нажав на него

Может ли кто-нибудь сказать мне, почему этот код jquery не работает? На мой взгляд, нет ошибки. Я сравнил множество примеров, и это выглядит одинаково.Изображение не изменит источник, нажав на него

<div id="full-view"> 
     <img src="" id="full-view-img" alt="#" /> 
    </div><!-- /#full-view --> 
    $(document).ready(function(){ 

     $("img").click(function(){ 

      var image = $(this).attr('id') + ".png"; 

      $("#full-view").fadeIn(100, function(){ 

       $("#full-view-img").attr('src', image); 

      }); 

     }); 

     $("#full-view").click(function(){ 

      $("#full-view").fadeOut(100); 

     }); 


    });

Благодарим вас в ожидании!

источник

2013-07-29 Lumoris

Является ли ваш источник просмотра именно этим, без '

Когда я запускаю код, источник изображения устанавливается в «full-view-img.png», но в значительной степени мгновенно исчезает.

В вашей функции fadeIn может потребоваться вызов event.stopPropagation() для предотвращения вызова «fadeOut». Прямо сейчас, когда вы нажимаете на изображение (отсутствует), оно просто исчезает, так как вызывается функция «щелчок» родительского div. stopPropagation предотвратит вызов функции родительского div. Если вы хотите, чтобы изображение угасало во втором щелчке, вы можете поместить оператор $ ("# fullView"). Click внутри функции fadeIn.

 $("#full-view").fadeIn(100, function(){ 
      event.stopPropagation(); 
      $("#full-view-img").attr('src', image); 

     });

EDIT: Кроме того, на основе комментариев, убедитесь, что ваш браузер внутри тегов сценария.

источник

2013-07-29 21:17:45 Robbie

Смежные вопросы