Javascript-форум (https://javascript.ru/forum/)
-   Events/DOM/Window (https://javascript.ru/forum/events/)
-   -   Обновление данных в модальном окне (https://javascript.ru/forum/events/65571-obnovlenie-dannykh-v-modalnom-okne.html)

MouseOver 26.10.2016 11:51

Обновление данных в модальном окне
 
Добрый день. Использую 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:)

MouseOver 26.10.2016 16:34

Попробовал использовать функцию 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);
}


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


Часовой пояс GMT +3, время: 22:37.