Question

当bootstrap咆哮放在1号或2号时，它可以正常工作。

当它被放置在3号时...我收到错误：

未捕获的TypeError：$ .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');

jQuery插件在ajax中不可用

1 个答案: