メッセージポップアップ(toast)

1166 ワード

普通のalret();フレームをイジェクトすることができますが、あまり綺麗ではありません。モバイル端末フレームAUIは、ポップアップスタイルを提供しています。
AUI公式サイトのアドレス:http://www.auicss.com/
実現過程は以下の通りです。
第一歩:ここでAUIのcssとtoast.jsファイルを導入する。


 第二ステップ:トリガ関数を設定します。(例えば、ボタン一つにクリック関数を設定します。)
 ステップ3:関数の内容を作成する:
function errorTest() {
   var toast = new auiToast();
   toast.success({
      title:"    ",
      duration:2000
   });//   

   toast.fail({
      title:"    ",
      duration:2000
   });//   

   toast.custom({
      title:"       ",
      html:'',
      duration:2000
   });     

   toast.loading({ 
      title:"   ",
      duration:2000
   },function(ret){ 
        console.log(ret);
        setTimeout(function(){
           toast.hide();
        }, 3000)
   });   :
}
私はJS実習生の一枚として、絶えず学習して、絶えず進歩して、各位の先輩を歓迎して指導を批判します。