iOS привязывает функцию javascript к нажатию на <html>
Это работает в настольном сафари, но в версии для iOS предупреждение не появляется. Можно ли привязать элемент html в iOS? Я хочу закрыть выпадающее меню всякий раз, когда пользователь щелкает где-то еще на странице.
$('html').bind("click", function(){alert("clicked!")})
РЕДАКТИРОВАТЬ
Публикация этого как html, так как jsfiddle внедряет в iframe, который, очевидно, избавляет от моей проблемы. Открытие этой страницы в настольном сафари работает нормально, но в симуляторе iOS ничего не отображается при нажатии.
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$('html, body').bind("click", function(){alert("html or body")})
$(document).bind("click", function(){alert("document")})
});
</script>
<body>
</body>
</html>
РЕДАКТИРОВАТЬ 2
Это также не работает для меня в симуляторе iOS или на моем iPhone. Я получаю оповещения, если я помещаю делегат () в свое приложение и нажимаю на ссылку.
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<body>
</body>
<script type="text/javascript">
$(document).delegate('html, body', "click", function(){alert("html or body")});
</script>
</html>
РЕДАКТИРОВАТЬ 3
Это работает!
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<body>
<div id="stuff">applesauce</div>
<div>other stuff</div>
</body>
<script type="text/javascript">
$(':not[#stuff]').on( "click", function(){alert("not stuff")});
</script>
</html>