Показать изображение, а затем изменить ссылку с помощью jquery

Question

Время поиска и ответа еще не найдено. Я могу понять для этого: Я пытаюсь добавить ссылку, чей href изменяется в зависимости от того, какое изображение в карусели выбрано (т. Е. Выберите изображение и затем изменяется ссылка внизу).

Выберите currrent изображения, изменяя непрозрачность текущего отображения изображений с использованием класса непрозрачной-ткани:

 $('#current').ready(function() { 
         $("#carousel-2 img").click(function() { 
          $("#current img").removeClass("opaque-fabric"); 

          var imageToShow = $(this).attr("id").replace("for-", ""); 
          $("#current #"+imageToShow).addClass("opaque-fabric"); 

          $("#carousel-2 img").removeClass("selected-fabric"); 
          $(this).addClass("selected-fabric");    
         }); 

        }); 

Затем изменить конец HREF в якорной ссылке «выбрать-кнопку» мой страница:

$('.choose-button').ready(function() { 
          $("#carousel-2 img").click(function() { 

       var button = $(this).attr('class'); 
       var currenthref = $(".choose-button").attr('href'); 
       $(".choose-button").attr('href', currenthref + button); 


      }); 

     }); 

Функция отображения изображения работает, но я не могу добавить href в кнопку. Пожалуйста, помогите и говорите медленно (новичок).

EDIT: Here's what I'm working with, на тестовом сервере.

Answer 1

Функция jQuery .append() используется для добавления элементов DOM к другим элементам DOM. Если вы хотите обновить свойство href, используйте синтаксис

var currenthref = $(".choose-button").prop('href'); 
$(".choose-button").prop('href', currenthref + button); 

Надеюсь, это поможет!

Answer 2

Я, похоже, не понимаю вашего вопроса, но у вас есть несколько серьезных ошибок. Сначала вы не используете ready() правильно. От JQ API:

.ready() метод может быть вызван только для объекта JQuery, соответствующие текущему документу.

Тогда вы должны использовать attr() вместо prop() так href является атрибутом, а не собственность. Также live() устарел в пользу on().