iOS enlaza la función de JavaScript al hacer clic en <html>

Question

Feb 08, 2012, 08:30 PM

iOS enlaza la función de JavaScript al hacer clic en <html>

Esto funciona en Safari de escritorio, pero en la versión de iOS no aparece ninguna alerta. ¿Es posible enlazar al elemento 'html' en iOS? Quiero cerrar un menú desplegable cada vez que el usuario haga clic en otro lugar de la página.

$('html').bind("click", function(){alert("clicked!")})

EDITA

Publicar esto como html ya que jsfiddle incrusta en un iframe, lo que aparentemente elimina mi problema. Abrir esta página en el safari de escritorio funciona bien, pero en el simulador de iOS no muestra nada al hacer clic.

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

EDIT 2

Esto tampoco funciona para mí en el simulador de iOS o en mi iPhone. Recibo las alertas si pongo el delegado () en mi aplicación y hago clic en un enlace.

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

EDIT 3

¡Esto funciona

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