1

私は Facebook のような通知をしようとしています: 友人があなたのタイムラインに何かを投稿すると、ページの左下にダイアログが表示されます。フェードインし、4 秒間留まってからフェードアウトします。

複数のダイアログがある場合、2 番目は前のダイアログの上に表示され、3 番目は 2 番目の上に表示されます。

また、facebook のダイアログらしきダイアログができませんでした。

これは私の jsfiddle です: http://jsfiddle.net/alonshmiel/C7yNs/

html:

<div class="dialog"></div>

JavaScript:

function dialog(mytext) {
     $(".dialog").text(mytext);
     jQuery(".dialog").dialog({
        autoOpen: true,
        modal: false,
        position: ['left', 'bottom'],
        show: "fade",
        hide: "fade",
        open: function(){
            jQuery('.ui-widget-overlay').bind('click',function(){
                jQuery('.dialog').dialog('close');
            })
        }
    });

    $("#message").fadeTo('slow', 50, function() {
       $("#message").dialog('close');
     });

}

$(document).ready(function() {
    dialog('window1');
    setTimeout(function(){dialog('window2')},3000);    
}); 

これは通知の例です。ページの左下に表示されます。

ここに画像の説明を入力

どんな助けでも大歓迎です!

4

1 に答える 1