Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 26.10.2016, 11:51
Интересующийся
Отправить личное сообщение для MouseOver Посмотреть профиль Найти все сообщения от MouseOver
 
Регистрация: 11.11.2013
Сообщений: 25

Обновление данных в модальном окне
Добрый день. Использую bootstrap modal + slick slider, сейчас контент в модальном окне формируется динамически, одно модальное окно для всех элементов на странице. Контент состоит из изображения, описания и слайдера с похожими изображениями который формируется по data-value. Проблема в том, как обновить данные в модальном окне при клике на изображение в слайдере? Как к этому изображению подвязать контент?
JS код который сейчас используется
$(".mwrap").on("click", function() {
            var img, desc, value, elements;
            img = $("img", this).attr("src");
            desc = $("p", this).html();
            value = $("img", this).data("value");

            elements = $.map($('img[data-value="' + value + '"]'), function(img) {
                return $("<div/>", {
                    html: $(img).clone()
                })
            })

            $(".wimg").attr("src", img);
            $(".wdesc").html(desc);
            $(".wslider").html(elements);
           
        });

        $("#myModal").on("shown.bs.modal", function() {
            
            $(".wslider").slick({
                dots: true,
                slidesToShow: 3,
                slidesToScroll: 1,
                autoplay: true
            });
            $('html').removeClass('.hide-slider');
            
        });

        $("#myModal").on("hide.bs.modal", function() {
            $(".wslider").slick('destroy').html("");      
        })

Пример работы скрипта http://bogdan.tw1.ru/works
Большое спасибо гуру js
Ответить с цитированием
  #2 (permalink)  
Старый 26.10.2016, 16:34
Интересующийся
Отправить личное сообщение для MouseOver Посмотреть профиль Найти все сообщения от MouseOver
 
Регистрация: 11.11.2013
Сообщений: 25

Попробовал использовать функцию onclick()
<a onclick="openmodal(2)">Anchor text</a>

function openmodal(id){
		var id = id;
	 	var img, desc, value, elements;
                img = jQuery("img[data-content='" + id + "']").attr("src");
                desc = jQuery("p[data-content='" + id + "']").html();    
		

		jQuery('#myModal').modal('show');
		jQuery(".wimg").attr("src", img);
	        jQuery(".wdesc").html(desc);
}


Удалось обновить содержимое, но вот запустить слайдер не вышло
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Не работает скрипты в модальном окне igorfelix Общие вопросы Javascript 13 22.03.2015 12:41
КАк снять защиту от копирования текста в модальном окне dimas15 Элементы интерфейса 1 14.03.2013 17:36
Получение элемента в модальном окне any.zicky Библиотеки/Тулкиты/Фреймворки 1 31.08.2012 15:36
Вопрос по реализации формы в простейшем модальном окне battrack jQuery 2 22.04.2012 12:46
Редактируем контент в модальном окне KonstRuctor Ваши сайты и скрипты 4 01.08.2011 12:42