jquery - jQuery 插件在 ajax 中不可用

Question

当引导程序咆哮被放置在数字 1 或数字 2 时，它工作正常。

当它放在第 3 位时...我收到错误：

未捕获的类型错误：$.bootstrapGrowl 不是函数

<script>

    // 1
    $.bootstrapGrowl('Foo')


    function addDeleteAnswerListener(button, div, id) {

        // 2
        $.bootstrapGrowl('Foo')

        $('#' + button).click(function () {

            $.ajax({
                type: 'DELETE',
                dataType: 'json',
                url: window.location.origin + '/api/Answers/' + id + '?access_token=' + Cookies.get("authorization"),
                success: function (res) {
                    $('#' + div).hide()
                    answerCount();

                    // 3
                    $.bootstrapGrowl('Foo')

                },
                error: function (res) {
                    window.alert(res.responseJSON.error.message)
                }
            })

        })

    }

</script>

如何从 ajax 调用中调用bootstrap-growl插件？

Answer 1

您可以尝试制作一个虚拟全局函数并$.bootstrapGrowl('Foo')在虚拟函数内调用。只需在所有 javascript 函数的范围之外声明它即可。像这样。。

function myGlobalFunction(foo){
    $.bootstrapGrowl(foo);
} 

然后//3，您可以执行以下操作

myGlobalFunction('foo');