$ .ajax（）は関数ではありません

Question

私はログインフォームを作成しようとしていますが、ログインボタンをクリックしても何も起こらず、コンソールにTypeError（$ .ajaxは関数ではありません）が表示されます。

これはAjaxの機能を呼び出すためのJavaScript関数です：

$("#loginBtn").click(function() { 
    $.ajax({ 
    type: 'POST', 
    url: 'actions.php?action=login', 
    data: 'username=' + $("#loginUsername").val() + "&password=" + $("#loginPassword").val(), 
    success: function(result) { 
     // futher processing 
    } 
    }); 
}); 

これは私のファイル階層です：

quarkbits/ 
    |- actions.php 
    |- js/ 
    | |- main.js 
    |- views/ 
    | |- footer.php (contains the link to the main.js file) 
    | |- header.php (contains the login button 
    |- index.php (includes footer.php file) 

Answer 1

私はそうCDN

<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script> 

でのjQueryをインポートしましたローカルソースで切り替えた

<script src="/quarkbits/js/jquery-3.2.1.min.js"></script> 

これは何らかの理由で機能しているようです。