jQuery .tap событие не работает

Question

Я не могу понять, почему событие jQuery tap даже не получает ответа, когда я его тестирую. Я поставил предупреждение, и у меня не получилось всплывать. Мой код выглядит так:

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> 

Answer 1

Вам необходимо загрузить файлы JS в следующем порядке:

<script src="jquery.js"></script> 
<script src="custom-scripting.js"></script> 
<script src="jquery-mobile.js"></script> 

ссылка: http://jquerymobile.com/demos/1.0/docs/api/globalconfig.html