Question

我正在尝试自定义警报，但它一直显示“ $ .alert不是函数”错误

`jQuery（function（$）{ “使用严格”；

$.user_login = function() {
    $('.btn-login').on('click', function() {
        var $this = $(this);
        var loginData = {};
        $this.parents('.login-panel').find('input').each(function() {
            loginData[ $(this).attr('name') ] = $(this).val();
        })

        $.ajax({
            'type': 'POST',
            'url': '/user-login',
            'data': loginData,
            success : function(response) {
                if (response.status === 200) {
                    location.reload();
                } else {
                    $.alert({
                        title: '',
                        type: 'red',
                        content: '<i class="fas fa-exclamation-circle"></i> Missing Field.',
                        typeAnimated: true
                    });
                    return;
                }
            },
            error: function(e) {
                console.log('LoginError:', e);
            }
        });
    });
}

$(document).ready(function (){
    jQuery.user_login();
}); )};

我的代码有什么问题吗？

Answer 1

请检查几件事：

WordPress附带的jQuery版本在以下版本中运行 noConflict（）模式。这意味着您在首次引用时必须使用jQuery而不是$。
开发时不要注册自己的jQuery版本。您将自己锁定在一个可能会或可能不会与WordPress的其他要求兼容。
您可以使用浏览器控制台进行测试。打开页面，然后按F12启动控制台。在控制台中输入jQuery并查看是否返回正确的对象。

如果需要（在jQuery之后），即根据Bootstrap .js声明进行检查是值得的。

<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>

未捕获的TypeError：$ .alert不是函数

1 个答案: