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

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

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

вопрос
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, Модули
  • non-stop | Как решить проблему индексации DLE в пои ... 1
    Фото non-stop
    non-stop
    Как решить проблему индексации DLE в поиске Bing?
    19-12-2024, 17:02
    Забыл написать что обновился до последней версии 17.3
    Интересно узнать, это только у меня проблема, или это проблема движка? проверьте свои сайты на наличие в поиске Bing.
    В 11 винде именно эта поисковая система стоит по умолчанию . кроме того эта же поисковая система отвечает за индекс еще одного поисковика - yahoo. Эти системы могут давать дополнительный процент пискового трафика на сайты.
  • lutskboy | Как максимально грамотно организовать до ... 1
    Фото lutskboy
    lutskboy
    Как максимально грамотно организовать добавление материалов через SQL-запросы?
    18-12-2024, 21:39
    все верно. related_ids автоматом заполняется потом.
  • derebas | Убираем xfsearch из адресной строки 7
    Фото derebas
    derebas
    Убираем xfsearch из адресной строки
    16-12-2024, 02:35
    в правилах транслитерации для tagvalue поставьте замену " " => "-", например так
    str_replace(array('.', ' ', '/', '&', "'", '+', '«', '»', ':', '!'), array('', '-', '-', 'and', '', '', '', '', '', '')
  • toxicpioner | Убираем xfsearch из адресной строки 7
    Фото toxicpioner
    toxicpioner
    Убираем xfsearch из адресной строки
    15-12-2024, 19:31
    если в доп поле есть пробел, будет выдавать просто 403 стр
  • dj-avtosh | Воспользовался хаком удаление html из ад ... 2
    Фото dj-avtosh
    dj-avtosh
    Воспользовался хаком удаление html из адресной строки у новости, появилась ошибка, как пофиксить?
    12-12-2024, 17:26
    Нужно правило с year поднять выше всех в .htaccess
  • TeraMoune | Воспользовался хаком удаление html из ад ... 2
    Фото TeraMoune
    TeraMoune
    Воспользовался хаком удаление html из адресной строки у новости, появилась ошибка, как пофиксить?
    11-12-2024, 22:12
    У вас убрано слишком много отличительных признаков в ссылках и теперь ссылки пересекаются. Убрали xfsearch, убрали html, а так же зачем то убрали дефиз разделяющий id и alt_name. Теперь некоторые ссылки будут отвечать выражению под правила ссылок новостей. Исправить вы можете только переосмыслив эти ссылки и добавить в них каких-то отличительных особенностей, переосмыслить чпу.
  • toxicpioner | Как упорядочить ID новостей 19
    Фото toxicpioner
    toxicpioner
    Как упорядочить ID новостей
    9-12-2024, 22:24
    ***Комментарий удален***
  • DnCnv | Как показать только одну категорию, к ко ... 1
    Фото DnCnv
    DnCnv
    Как показать только одну категорию, к которой принадлежит новость?
    9-12-2024, 01:46
    ***Комментарий удален***
  • web102 | Почему не отображается картинка в галере ... 3
    Фото web102
    web102
    Почему не отображается картинка в галерее?
    4-12-2024, 11:49
    дайте адрес сайта. можно в личку
  • Shandi | Почему не отображается картинка в галере ... 3
    Фото Shandi
    Shandi
    Почему не отображается картинка в галерее?
    3-12-2024, 08:53
    Мне как ламеру ничего не понятно:( Кто-то это исправляет за денужку?
наверх