私は 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);
});
これは通知の例です。ページの左下に表示されます。
どんな助けでも大歓迎です!