Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » jQuery » Как сделать якорную ссылку для Iframe в Fancybox3?

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


     10.04.2018    ссылка, якорь, iframe, fancybox    Все вопросы » jQuery    1445

вопрос
HTML:
<a class="order" href="/form.php">Форма заказа</a>

jQuery:
<script>
$('.order').fancybox({
    type: 'iframe'
});
</script>

Нужно, чтобы ссылка на форму выглядела не как ссылка на файл /form.php, а как якорная ссылка, например /#order

Ответа пока нет


5 комментариев

pahuchiy
Юзер

pahuchiy - 11 апреля 2018 06:45 -


$(document).ready(function(){
    $('a[href^="#"], *[data-href^="#"]').on('click', function(e){
        e.preventDefault();
        var t = 1000;
        var d = $(this).attr('data-href') ? $(this).attr('data-href') : $(this).attr('href');
        $('html,body').stop().animate({ scrollTop: $(d).offset().top }, t);
    });
});


к ссылке добавить :

data-href="#idBlock"

dim
Юзер

dim - 11 апреля 2018 11:36 -

pahuchiy, спасибо, но пока не работает.
Как в итоге должны выглядеть HTML и jQuery-код? Так?

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


<script>
$('.order').fancybox({
    type: 'iframe'
});
$(document).ready(function(){
    $('a[href^="#"], *[data-href^="#"]').on('click', function(e){
        e.preventDefault();
        var t = 1000;
        var d = $(this).attr('data-href') ? $(this).attr('data-href') : $(this).attr('href');
        $('html,body').stop().animate({ scrollTop: $(d).offset().top }, t);
    });
});
</script>

Dark5ider
Эксперт

Dark5ider - 11 апреля 2018 13:03 -

Я бы сделал нечто типа этого (не знаю, одна у вас ссылка или нет):

$(".order").each(function(){

   $(this).fancybox({
       type: iframe,
       href : $(this).data('href')

   });

});


Ссылка

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

dim
Юзер

dim - 11 апреля 2018 13:14 -

Dark5ider, сделал, как вы написали, появляется всплывающее сообщение:

The requested content cannot be loaded.


В моем изначальном коде выводится через iframe, а в вашем нет, может из-за этого?

dim
Юзер

dim - 11 апреля 2018 13:35 -

Указал типа iframe, теперь при нажатии на ссылку в окне загружается текущая страница сайта.

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы

 06.05.2013 severnake  jQuery
наверх