как просто открыть окно fancybox (не по клику) - PullRequest
Новая
       3

как просто открыть окно fancybox (не по клику)

4 голосов
/ 21 декабря 2011

Я запускаю fancybox, чтобы открыть onclick следующим образом: 

$('.telefonosOtrosPaises').fancybox({
                    'type'          :   'iframe',
                    'href'          :   'http://es.solmelia.com/nMenus/jsp/telefonosOtrosPaises.jsp',
                     'transitionIn' : 'elastic',
                    'transitionOut' : 'elastic',
                    /*'easingIn'      : 'easeInOutBack',

                    'easingOut'     : 'easeInOutBack',   */
                     /*onComplete : function(){ $('#fancybox-content').css({'height':'380px','width':'570px','background':'white','padding':'20px'})}*/
                     onComplete : function(){ $('#fancybox-content').css({'width':'630px','background':'white','paddingTop':'15px'})}
});

но как я могу просто открыть его в своем коде js, когда мне это нужно?

Ответы [ 5 ]

7 голосов
/ 21 декабря 2011

Вместо вызова .fancybox для элемента, назовите его так: 

$.fancybox.open(...)

Примечание это синтаксис fancybox 2, хотя он может работать с v1

Если вы хотите, чтобы он был открыт как для onclick, так и в ответ на запрос в вашем коде, просто вызовите click для элемента, к которому вы его прикрепили. 

$('.telefonosOtrosPaises').click();
1 голос
/ 22 марта 2013

Это можно сделать очень легко: 

   <div id="divFancy" style="display: none;">
         FANCY BOX CONTENT GOES HERE
   </div>

    <script  type="text/javascript">
        $(document).ready(function () {
            $.fancybox({
                'href': '#divFancy'
            });
        });
    </script>
1 голос
/ 21 декабря 2011

Согласно блогу Fancybox , вы можете попробовать что-то вроде этого: 

$.fancybox(
    $('.telefonosOtrosPaises'), 
    {
        'type'          :   'iframe',
        'href'          :   'http://es.solmelia.com/nMenus/jsp/telefonosOtrosPaises.jsp',
         'transitionIn' : 'elastic',
        'transitionOut' : 'elastic',
        /*'easingIn'      : 'easeInOutBack',

        'easingOut'     : 'easeInOutBack',   */
         /*onComplete : function(){ $('#fancybox-content').css({'height':'380px','width':'570px','background':'white','padding':'20px'})}*/
         onComplete : function(){ $('#fancybox-content').css({'width':'630px','background':'white','paddingTop':'15px'})}
    }
);
1 голос
/ 21 декабря 2011

Вы можете просто позвонить yourControl.click() для имитации события щелчка.

Таким образом, вы можете звонить, когда захотите :) 1004 *

0 голосов
/ 21 декабря 2011 
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
</head>
<body>

<script type="text/javascript">
$(document).ready(function() {
    $('#target').click(function() {  
        $('.telefonosOtrosPaises').fancybox({
                        'type'          :   'iframe',
                        'href'          :   'http://es.solmelia.com/nMenus/jsp/telefonosOtrosPaises.jsp',
                         'transitionIn' : 'elastic',
                        'transitionOut' : 'elastic',
                        /*'easingIn'      : 'easeInOutBack',

                        'easingOut'     : 'easeInOutBack',   */
                         /*onComplete : function(){ $('#fancybox-content').css({'height':'380px','width':'570px','background':'white','padding':'20px'})}*/
                         onComplete : function(){ $('#fancybox-content').css({'width':'630px','background':'white','paddingTop':'15px'})}
        });
    });
});
</script>

<input type="button" id="target" value="press me"/>
</body>
</html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...