JQuery UI Panel does not close

JQuery UI Panel does not close

Hi i have a problem with the JQuery Panel. When I open the panel it does not close when I click on the outside of the panel. my header and my navbar go back to their old position but the panel is still open?

this problem only occures on Chrome. all works fine for Opera and the IE does not show anything.

here is my code please help me fix the problem:

  2. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
  3. <html>
  4. <head>
  5. <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.css" />
  6. <script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
  7. <script src="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.js"></script>
  8. <title>Hase!!</title>
  9. </head>
  10. <body>
  11. <div data-role="page">

  13. <div data-role="panel" id="choice">
  14.    Test
  15. </div><!-- /panel -->
  17. <div data-role="panel" id="config" data-position="right">
  18.    Config
  19. </div><!-- /panel -->

  21. <div data-role="header" data-id="head" data-position="fixed">
  22. <div data-role="navbar">
  23. <input  type="search"/>
  24. </div>
  25. </div>
  26. <!-- content -->
  28. <div data-role="footer" data-id="foo1" data-position="fixed">
  29. <div data-role="navbar">
  30. <ul>
  31. <li><a href="#choice">Choose</a></li>
  32. <li><a href="#">View</a></li>
  33. <li><a href="#">Stats</a></li>
  34. <li><a href="#config">Konfiguration</a></li>
  35. </ul>
  36. </div><!-- /navbar -->
  37. </div>

  39. </div><!-- page -->
  41. </body>
  42. </html>







thank you

gangben