Jquery 像android一样吐司消息
使用这个简单的代码,我们可以在phone gap或web应用程序中创建toast消息 JavascriptJquery 像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;
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.");