У меня возникли проблемы с изменением изображений в событии click с помощью JQuery

Question

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

$(document).ready(function(){ 
imgFldr = '../../App_Themes/Default/Images/'; 
    $('#smallImg1').click(function(){ 

     $('#smallImg1').attr('src', imgFlder+'belkinSmall4.png'); 
    }); 
}); 

И ниже пример моего HTML

<div> 
    <img id="smallImg1" src="../../App_Themes/Default/Images/belkinSmall1.png" /> 
</div> 

Любая помощь будет оценен по достоинству!

Answer 1

Я бы написал так:

$(function() { 
    var imageFolder = '../../App_Themes/Default/Images/'; 
    $('#smallImg1').click(function(){ 
    $(this).attr('src', imageFolder + "belkinSmall4.png"); 
    }); 
}); 

• $(function() { ... }) представляет собой сокращенную $(document).ready(function() { ... })
• imageFolder вместо imgFldr. Бесконечная аббревиатура imo.
• var imageFolder тоже (var - это ключ здесь), так что это локальная переменная, а не глобальная.
• $(this) вместо $('#smallImg1'), чтобы избежать дублирования. Результат идентичен.

Однако это всего лишь перераспределение вашего кода - как ваш фрагмент, так и мой должны работать.

Итак, «не работает» - меняется ли изображение? Недействителен ли путь? Получаете ли вы какие-либо ошибки времени выполнения JS? Что делать, если вы установили src в '../../App_Themes/Default/Images/belkinSmall4.png' вручную - существует ли изображение?