Показать изображение, а затем изменить ссылку с помощью jquery - PullRequest
Новая
       16

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

0 голосов
/ 08 марта 2012

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

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

        $('#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 в кнопку. Пожалуйста, помогите и говорите медленно (начинающий).

РЕДАКТИРОВАТЬ : Вот что я работаю с на тестовом сервере.

Ответы [ 2 ]

1 голос
/ 08 марта 2012

Я не могу понять ваш вопрос, но у вас есть несколько серьезных ошибок.Во-первых, вы не используете ready() правильно.Из jQ API:

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

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

0 голосов
/ 08 марта 2012

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

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

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

...