javascript - jQuery .tap イベントが機能しない

Question

jQuery タップ イベントをテストしても応答がない理由がわかりません。アラートを設定しましたが、まったくポップアップしません。私のコードは次のようになります。

var calendarOpen = false;

$('.calendar').on("tap", function () {
alert('1'); 
    if (calendarOpen == false) {
        $('.login-body').animate({left: '90%'}, 300);
        $('.calendar-body').animate({right: '10%'}, 300);
        calendarOpen = true;
    } else {
        $('.login-body').animate({left: '0px'}, 300);
        $('.calendar-body').animate({right: '50%'}, 300);
        calendarOpen = false;
    }
});

スクリプトと css ページが添付されており、タイプミスがないかチェックしました。jQuery のドキュメントをコピーしましたが、まだ問題があります。助けてくれてありがとう。

これらは私が組み込んだスクリプトで、上記のコードは main.js の下にあります。

<script src=http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js></script>
<script src=http://code.jquery.com/ui/1.10.3/jquery-ui.js></script>
<script src="http://code.jquery.com/jquery-2.0.3.min.js"></script>
<script src="scripts/main.js"></script>