Question

我有一段jquery代码，但我不能让它在HTML页面中运行。

我是jquery的新手，所以我很感激你的帮助。该代码旨在用户加载网页时一个接一个地显示3个弹出窗口。当用户关闭第一个而不是下一个打开时。

但我不能让它出现。弹出窗口仅在用户登录Facebook时打开。

以下是代码：

<!doctype html>
<html>
<head>
    <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
    <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
    <link rel="stylesheet" href="http://code.jquery.com/
    ui/1.10.3/themes/smoothnes/jquery-ui.css" />

    <title>Demo</title>
</head>

<body>
    <script type="text/javascript">
        var o;        
        var arrayContent = ['<h1>My first pop up!</h1>
                            <img src="http://www.leastedisoha.com/immagini/
                            fumetti/01.jpg" title="" width="554" 
                            border="0" /><h1>Segue</h1><br />',
                            '<img src="http://www.leastedisoha.com/immagini/
                            fumetti/02.jpg" title=""  width="554"
                            border="0" /><h1>Segue</h1><br />',
                            '<img src="http://www.leastedisoha.com/immagini/
                            fumetti/03.jpg" title="" width="554" border="0" /><br />'];

        jQuery(document).ready(function($){ 
            $my_overlay = $('<div id="box-facebook"
                            style="text-align:center; margin:0 auto;">' +
                            '<h1 style="margin:30px; margin-bottom:20px;">Qual\'è la tua ? prova..</h1>' +
                            '<iframe width="290" height="130" 
                            frameborder="no" style="margin:0 0 30px 0;      
                            padding:0; border:none;" border="0"
                            src="http://www.leastedisoha.com/slot-new">
                            </iframe>' +
                            '<br />' +
                            '</div>').dialog({
                                modal: true,
                                autoOpen: false,
                                width: 600,
                            });

        });


        $.getScript( "https://www.facebook.com/
        people/Jens-Lübberstedt/1009310897",
        function( data, textStatus, jqxhr ) {
            $my_overlay.dialog('open');
            o = $my_overlay.offset();
            $('#boxClick').css( { top: o.top - 23, left: o.left + 575 } );
            $my_overlay.on( "dialogdragstop", function( event, ui ) {
                o = $my_overlay.offset();
                $('#boxClick').css( { top: o.top - 23, left: o.left + 575 } );
        } );
    }); 

    </script>

</body>
</html>

弹出窗口没有显示在jquery代码中

0 个答案: