Как сделать якорную ссылку в Fancybox 3?

177
13 апреля 2018, 15:05

Подскажите, как сделать так, чтобы ссылка на форму выглядела как /# или /#order и при нажатии на нее открывалась в iframe-окне Fancybox 3.

HTML:

<a class="order" data-href="/form.php" href="#">Форма заказа</a>

Если использовать этот код:

$(".order").each(function(){
   $(this).fancybox({
       type: 'iframe',
       href: $(this).data('href')
   });
});

Вместо формы в Iframe открывается текущая страница сайта.

Если использовать этот код:

jQuery(document).ready(function() {
    $(".order").click(function() {
        thisdata = $(this).attr('data-href');
        console.log(thisdata);
        window.location.href = thisdata;
    });
});

Якорная ссылка работает, но форма открывается в текущем окне как новая страница.

READ ALSO
JSON и DataTables

JSON и DataTables

Есть JSON объект , задача распарсить и закинуть содержимое в таблицу

241
скрыть пустые блоки для owl-carousel 2

скрыть пустые блоки для owl-carousel 2

Использую owl-carousel 2, на сайте примерно 15-20 owl-item , суть в том что количество контента может быть разным от 1 до 20, как мне скрыть те owl-item которые...

231
Одновременный ввод данных в поле бд

Одновременный ввод данных в поле бд

Допустим, в web-приложении есть элемент textarea, в который вводится текст, по нажатию на клавишу отправить текст передается в базу данных (MSSQL)К...

211
Переполняется стек. c#. Задание с событиями(event) Ping pong

Переполняется стек. c#. Задание с событиями(event) Ping pong

Есть два класса, у каждого свой метод для вывода информации, в обеих вызывается метод который связан на метод другого класса

520