toast.js
(function($) {
$.toast = function(message) {
var toast = $('#toast');
toast.find('.toast-message').text(message);
toast.fadeIn(function () {
setTimeout(function () {
toast.fadeOut();
}, 3000); // 持续时间3秒
})
toast.click(function(){
toast.fadeOut();
})
}
})
页面是这样引入的
<script src="./js/toast.js"></script>
<div id="toast" style="display: none;"> <div class="toast-message"></div> </div>
<style>
#toast{ font-size: 14px; position: fixed; top: 50%; left: 50%; width: 80%; transform: translate(-50%, -50%); background-color: #fff; border: 1px solid #ccc; padding: 20px; border-radius: 5px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); z-index: 99999; }
</style>
使用
$.toast('请输入要充值的抖音号')
却报错了$.toast is not a function
最后把js的地方(function($) {
改成
jQuery(document).ready(function($) {