Jquery 像android一样吐司消息

Jquery 像android一样吐司消息,jquery,css,cordova,Jquery,Css,Cordova,使用这个简单的代码,我们可以在phone gap或web应用程序中创建toast消息 Javascript function valiadteLogin() { var msg = "is required", errCount = 0; var pwd = $("#pwd"); var email = $("#email"); if (email.val() == "") { obj = email;

使用这个简单的代码,我们可以在phone gap或web应用程序中创建toast消息 Javascript

function valiadteLogin() {
       var msg = "is required", errCount = 0;
       var pwd = $("#pwd");
       var email = $("#email");

       if (email.val() == "") {
          obj = email;
          msgObj = "Email "+ msg;
          errCount ++;
       }
       if (errCount > 0) {
          CreateToast(msgObj);
          //obj.focus();
          return false;
       }else
       {
          return true;
       }
   }
/* *验证消息弹出窗口 */


我建议您直接使用

这将为您节省大量管理html/CSS/JS的时间。它支持所有平台,如iOS、Android和Windows。因此,您不必担心平台兼容性

window.plugins.toast.showShortBottom("Your toast message goes here.");
插件有更多的定制选项,请查看

试试这个轻巧而简单的库,它可以创建类似于android toast消息的toast通知。这是一个小型的库,大小只有1KB

$(“#我的按钮”)。单击(()=>{ToastMaker(“这是一个祝酒通知!”)})


敬酒
问题是什么?
div#ToastMsg.ToastMsg{position: fixed;bottom: 10px;background: rgba(0, 0, 0, 0.68);padding: 10px 20px;left: 0;right: 0;margin: 0 auto;width: auto;text-align: center;color: #fff;border-radius: 25px;}
div#ToastMsg.ToastMsg span{margin-bottom: 0;}
window.plugins.toast.showShortBottom("Your toast message goes here.");