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

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

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

вопрос
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, теперь при нажатии на ссылку в окне загружается текущая страница сайта.
Чтобы комментировать - войдите или зарегистрируйтесь на сайте

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

 07.07.2012 ayy_jay  Шаблоны (TPL), Стили (CSS), jQuery
 06.05.2013 severnake  jQuery
 03.11.2013 Marribi  jQuery, Ламерские вопросы
 19.01.2014 ale-eex  Шаблоны (TPL), Стили (CSS), jQuery
 27.10.2015 chese  Общие вопросы по вёрстке, Стили (CSS), jQuery
 16.04.2016 Gungnir  jQuery
 25.11.2016 dolmatov  Общие вопросы по вёрстке, jQuery
 14.07.2017 lineup  Шаблоны (TPL), Стили (CSS), jQuery, Ламерские вопросы
 08.12.2017 dolmatov  jQuery
 22.03.2018 dim  jQuery, Модули
  • TeraMoune | Как отключить миниатюры стандартной гале ...
    Фото TeraMoune
    TeraMoune
    Как отключить миниатюры стандартной галереи Fancybox?
    Сегодня, 06:00
    В файле engine/classes/fancybox/fancybox.js искать нужную инициализацию и добавлять соответствующие параметры, весь список параметров и их описание можно найти на этой странице https://fancyapps.com/fancybox/api/options/

    Например: параметр Thumbs: false отключает миниатюры.
    Fancybox.bind("[data-highslide]", {
	groupAttr: 'data-highslide',
	idle:2000,
	Thumbs: false,
	caption: (fancybox, slide) => {
		if(  slide.thumbEl && slide.thumbEl.alt ) {
			return slide.thumbEl.alt
		}
	}
});
  • derebas | Как реализовать шифрование трафика? 3
    Фото derebas
    derebas
    Как реализовать шифрование трафика?
    18-11-2024, 16:52
    Ну в теории, можно использовать src на site.com разместить прокси на site2.com а выдавать видео с site3.com, при этом прямой доступ на site3.com закрыть, отдача будет только если запрос с site2.com, таким образом палится только site2.com, НО источник потокового видео, все равно можно увидеть если захотеть, а ссылки, ну купить домен dsac-43efew-csdds.uz как пример
  • Gordi | Перенёс сайт - не работают кнопки, не от ... 8
    Фото Gordi
    Gordi
    Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
    18-11-2024, 14:46
    я уже делал. Пользователь 1000 (это я так понимаю root) и chmod 777
    Так и было...
  • lutskboy | Перенёс сайт - не работают кнопки, не от ... 8
    Фото lutskboy
    lutskboy
    Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
    18-11-2024, 14:39
    чтоб не удалять выстави права и пользователя какие там идут на файлы. .
  • Gordi | Перенёс сайт - не работают кнопки, не от ... 8
    Фото Gordi
    Gordi
    Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
    18-11-2024, 14:37
    т.е. мне снести всё, что я уже загрузил как root, зайти под юзером и закачать снова?
    Видосы в директории upload можно хоть оставить? их там 80 Гб
  • lutskboy | Перенёс сайт - не работают кнопки, не от ... 8
    Фото lutskboy
    lutskboy
    Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
    18-11-2024, 14:17
    фтп обычный юзер а не root
  • Gordi | Перенёс сайт - не работают кнопки, не от ... 8
    Фото Gordi
    Gordi
    Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
    18-11-2024, 14:15
    дэк только так и загружаю
  • Gordi | Как реализовать шифрование трафика? 3
    Фото Gordi
    Gordi
    Как реализовать шифрование трафика?
    18-11-2024, 14:14
    я тоже не понимаю....товарищ один, представитель хостинга сказал, что даже есть модули такие специальные под популярные цмс
  • lutskboy | Перенёс сайт - не работают кнопки, не от ... 8
    Фото lutskboy
    lutskboy
    Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
    18-11-2024, 14:13
    Gordi,
    через фтп загружай
  • Gordi | Перенёс сайт - не работают кнопки, не от ... 8
    Фото Gordi
    Gordi
    Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
    18-11-2024, 14:11
    Привет Николай!
    Всегда загружал от root... посмотришь может? твой плагин тоже не виден ((
    или направь на путь истинный, пжст
наверх