Изменение изображения при щелчке в jquery

Question

Am используя приведенный ниже код. У меня 2 изображения. Плюс и минус. при клике плюс изображение должно измениться на минус. Но здесь изображение не меняется.

<script type="text/javascript"> 
    $(document).ready(function() { 
    $("#plus").click(function() { 
     if ($('#divreg').is(":hidden")) { 
      $('#divreg').show(500); 
      document.getElementById('plus').src = "~/Styles/min.jpg"; 
     } else { 
      $("#divreg").hide(500); 
      document.getElementById('plus').src = "~/Styles/plus.jpg"; 
     } 
    }); 
}); 

Answer 1

Не видя ваш HTML через JSFiddle или подобный я вижу одну проблему. Вы используете URL-адрес сервера, как:

~/Styles/min.jpg 

Это разобран выполнения ASP.NET и не JQuery, чтобы ваш образ пути неверен. Измените этот путь, чтобы проверить его и посмотреть, работает ли это. Если нет, у вас есть другие ошибки и вы должны создать тестовый пример для JSFiddle, чтобы получить дополнительную помощь.

Answer 2

вот моя скрипка http://jsfiddle.net/ponrajpaul/BwGTn/

сделать ваш HTML, как этот

<div id="plus"> 
    <a class="plus minus"></a>  
</div> 

сделать ваш CSS как этот

#plus a{display:block; width:128px; height:128px;} 
#plus .plus{background: url("http://icons.iconarchive.com/icons/gakuseisean/ivista-2/128/Alarm-Plus-icon.png") no-repeat;} 
#plus .minus{display:block; background:url("http://icons.iconarchive.com/icons/iconarchive/red-orb-alphabet/128/Math-minus-icon.png") no-repeat;} 

сделать свой сценарий как этот

$(document).ready(function() { 
    $("#plus a").click(function() { 
     if ($(this).hasClass('minus')){ 
      $(this).removeClass("minus");    
     }else{ 
      $(this).addClass("minus");    
     } 
    }); 
});