Форум

baryshkov · #1 (**permalink**) 15.06.2015, 16:05

Здравствуйте, делаю при загрузке страницы

$.fancybox.open()

- все работает!

Потом хочу, что бы по нажатию кнопки тоже открылось окно (когда первое закрыто), вешаю на событие другой

$.fancybox.open()

, но он не отрабатывает!

Это два разных окна! В чем проблема может быть?

рони · #2 (**permalink**) 15.06.2015, 18:02

baryshkov,
сделайте макет - вашего описания недостаточно или попробуйте указать в open что именно вы хотите открыть

baryshkov · #3 (**permalink**) 16.06.2015, 06:02

В начале страницы, при загрузке контента показывается окно:

$(document).ready(function(){
                        $.fancybox.open({
               
                            'href'               : '/javascripts/ajax/my/vote1.html',
                            'transitionIn'      : 'elastic',
                            'transitionOut'     : 'elastic',   
                            'autoDimensions'    : false,
                            'autoSize'          : true,
                            'speedIn'           : '500',
                            'speedOut'          : '500',
                            'type'              : 'ajax',
                            'closeBtn'          : true,
                            'centerOnScroll'    :true ,
                            'padding'			:	20,
                            'scrolling'         : 'no'
                        })               
                    });

И в конце действие на кнопке

function onb(){
  
                    $.fancybox.open({
               
                            'href'               : '/javascripts/ajax/my/vote2.html',
                            'transitionIn'      : 'elastic',
                            'transitionOut'     : 'elastic',   
                            'autoDimensions'    : false,
                            'autoSize'          : true,
                            'speedIn'           : '500',
                            'speedOut'          : '500',
                            'type'              : 'ajax',
                            'closeBtn'          : true,
                            'centerOnScroll'    :true ,
                            'padding'			:	20,
                            'scrolling'         : 'no'
                        }); 
               
              }

baryshkov · #4 (**permalink**) 16.06.2015, 06:03

т.е. два раза на одной странице не могу методом open открыть окна

рони · #5 (**permalink**) 16.06.2015, 06:42

baryshkov,

<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <title>demo</title>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.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'>
$(document).ready(function(){
                        $.fancybox.open({

                            'href'               : 'http://javascript.ru/',
                            'transitionIn'      : 'elastic',
                            'transitionOut'     : 'elastic',
                            'autoDimensions'    : false,
                            'autoSize'          : true,
                            'speedIn'           : '500',
                            'speedOut'          : '500',
                            'type'              : 'iframe',
                            'closeBtn'          : true,
                            'centerOnScroll'    :true ,
                            'padding'			:	20,
                            'scrolling'         : 'no'
                        })
 function onb(){

                    $.fancybox.open({

                            'href'               : 'http://javascript.ru/forum/',
                            'transitionIn'      : 'elastic',
                            'transitionOut'     : 'elastic',
                            'autoDimensions'    : false,
                            'autoSize'          : true,
                            'speedIn'           : '500',
                            'speedOut'          : '500',
                            'type'              : 'iframe',
                            'closeBtn'          : true,
                            'centerOnScroll'    :true ,
                            'padding'			:	20,
                            'scrolling'         : 'no'
                        });

              }
 $("a").click(onb)

 });

</script>
</head>
<body>
 <a rel="a" class="" >click</a>

</body>
</html>

Форум

Справочник

Discord чат

Курсы javascript