Селектор this и data-атрибуты не отображается в модальном окне Bootstrap?

Question

[Dmitry Fedorov]

Есть две ссылки, их отличают только data-атрибуты внутри.
С помощью селектора this и дата атрибутов выводим определенное значение с помощью JAVA, пример кода:
jsfiddle.net/VhsUQ/3

Проблема заключается в том, что данная конструкция не работает, когда нужные данные из data атрибутов при клике по ссылке необходимо вывести в модальном окне bootstrap.
Как решить данный вопрос? Пожалуйста, помогите.

Answer 1

[Dmitry Fedorov]

Решил данный вопрос модифицировав сам код немного:

<script type="text/javascript">//<![CDATA[
$(window).load(function(){
    $(function(){
        $('.btn-xs').click(function(e){
            e.preventDefault;
            $('#blc').html('<div class="img"><img style="width: 100%;" src="'+$(this).data('bimg')+'" alt="оформление заказа"></div><h3 class="hd"> '+$(this).data('bname')+' </h3><p style="color: rgb(231, 76, 60);">'+$(this).data('bprice')+' грн.</p>');
        });
    })
});//]]> 

</script>

в таком виде все работает. Рабочий пример исправил, пользуйтесь! Всем спасибо!

Comments

[Михаил Чирский]

Лучше конечно используйте шаблоны, когда данных много, чтобы было красиво и аккуратно, и чтобы правки вносить было легче

Answer 2

[Михаил Чирский]

А в чем проблема? получили данные записали в переменную, и потом в окне ее подставляете, будет видно всегда, не очень понял, суть вашей проблемы, в вашем примере нету окна, если вам не понятны мои слова, скиньте полноценный пример с модальным окном и пощупаем вашу проблему)

Comments

[Dmitry Fedorov]

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

[Михаил Чирский]

Dmitry Fedorov: Как пример, слать запрос и возвращать это окно, или же можно его скрытым поместить внизу страницы и открывать по клику, много реализаций, если вы используете boostrap, то если не изменяет память вроде вызывается просто .modal(); можно сделать свое, что будет более гибким, передать туда, все что хотите.

Приведите пример с окном, где у вас не работает, очень хочется глянуть, потому, что никогда не было проблем с областью видимости переменных.

[Dmitry Fedorov]

Михаил Чирский: Михаил, можно связаться с вами в скайпе? Готов заплатить за то, что поможете решите мне эту проблему. За ранее большое спасибо!

[Dmitry Fedorov]

Михаил Чирский: Михаил, все решил сам, вам спасибо большое за то, что откликнулись!

[Михаил Чирский]

Dmitry Fedorov: Хорошо, рад был помочь.