У меня возникли проблемы при смене изображений при клике с помощью Jquery. - PullRequest
Новая
       61

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

0 голосов
/ 29 мая 2009

Я пытаюсь поменять изображение при нажатии на изображение ... вот мой 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>

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

1 Ответ

1 голос
/ 29 мая 2009

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

$(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' вручную - изображение существует?

...