jQuery插件不可用於ajax

Question

當引導咆哮放置在編號1或編號2時，它工作正常。

當它被放置在3號......我得到的錯誤：

Uncaught TypeError: $.bootstrapGrowl is not a function

<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> 

如何調用bootstrap-growl插件從Ajax調用內？

Answer 1

您可以嘗試製作虛擬全局函數，並在虛函數內調用$.bootstrapGrowl('Foo') .. 只需聲明它在所有javascript函數的範圍之外。像這樣..

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

，然後//3，你可以做以下

myGlobalFunction('foo');