Изменить логику работы ссылки

@UseMuse · Регистрация: 11.01.2016

Author24 — интернет-сервис помощи студентам

Есть сайт, на нём есть ссылка, при клике по которой открывается popup окно внутри которого iframe на сторонний сайт.
Нужно при мобильном разрешении, чтобы клик по этой ссылки открывал не pop up форму, а осуществлялось открытие сайта в новой вкладке (сайта который во iframe)

HTML5

<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <title>demo</title>
  <style type="text/css">
  a{
    cursor: pointer;
  }
 
  </style>
  <script type='text/javascript' src='http://code.jquery.com/jquery-1.8.3.js'></script>
  <link rel="stylesheet" type="text/css" href="http://fancyapps.com/fancybox/source/jquery.fancybox.css">
  <script type='text/javascript' src="http://fancyapps.com/fancybox/source/jquery.fancybox.js"></script>
<script type='text/javascript'>
$(function()
        {
             $('.fancyapps').fancybox(
         {      type: 'iframe',
        fitToView   : true,
        width       : '80%',
        height      : '90%',
        autoSize    : true,
        closeClick  : true,
        openEffect  : 'fade',
        closeEffect : 'fade',
                href: "http://fancyapps.com/fancybox/3/",
                iframe: {
scrolling: 'auto',
preload: 1
},
})});
</script>
 
</head>
<body>
<a title="text"  class="fancyapps" >fancyapps</a>
</body>
</html>

Добавлено через 17 часов 42 минуты
up!

@Shakalaka · 21.06.2017, 11:02

UseMuse,

PHP/HTML

<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <title>demo</title>
  <style type="text/css">
  a{
    cursor: pointer;
  }
 
  </style>
  <script type='text/javascript' src='http://code.jquery.com/jquery-1.8.3.js'></script>
  <link rel="stylesheet" type="text/css" href="http://fancyapps.com/fancybox/source/jquery.fancybox.css">
  <script type='text/javascript' src="http://fancyapps.com/fancybox/source/jquery.fancybox.js"></script>
<script type='text/javascript'>
$(function(){
  $('.fancyapps').on('click', function(e){
    if(window.innerWidth > 767){
      e.preventDefault();
      $.fancybox({
        type: 'iframe',
        fitToView   : true,
        width       : '80%',
        height      : '90%',
        autoSize    : true,
        closeClick  : true,
        openEffect  : 'fade',
        closeEffect : 'fade',
        href: this.href,
        iframe: {
          scrolling: 'auto',
          preload: 1
        },
      });
    }
  });
});
</script>
 
</head>
<body>
<a title="text" target="_blanc" href="http://fancyapps.com/fancybox/3/" class="fancyapps" >fancyapps</a>
</body>
</html>

@UseMuse · 05.07.2017, 23:12 **[ТС]**

Shakalaka, что-то не работает, чекни пжлст

@Shakalaka · 06.07.2017, 00:12

UseMuse,
20-я строка $.fancybox.open(....
https://jsfiddle.net/shakalaka/wmthktu0/

@UseMuse 162 / 150 / 59 Регистрация: 11.01.2016 Сообщений: 1,311
	05.07.2017, 23:12 [ТС]	3
	Shakalaka, что-то не работает, чекни пжлст 0

@Shakalaka 653 / 556 / 322 Регистрация: 27.01.2015 Сообщений: 1,374
	06.07.2017, 00:12	4
	UseMuse, 20-я строка `$.fancybox.open(....` https://jsfiddle.net/shakalaka/wmthktu0/ 1

Изменить логику работы ссылки

Решение