Gavin,
Thanks very much. I've been out of town for a few days and haven't had
a chance to follow up on your suggestions. The code check did identify
some problems, but fixing those didn't resolve the issue.
Here is a minimal example that works correctly with a desktop browser, but
not on iOS Safari:
<!DOCTYPE html>
<html dir="ltr" lang="en-US">
<head>
<meta charset="utf-8" />
<title>Goldenberg Lab</title>
<link rel="stylesheet" href="bootstrap.css">
<script src="_script/jquery-1.7.2.js"></script>
<script src="_script/bootstrap-dropdown.js"></script>
</head>
<body>
<div class="navbar navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<ul class="nav">
<li><a href="index.shtml">Home</a></li>
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown">
Menu
<b class="caret"></b>
</a>
<ul class="dropdown-menu">
<li>Item 1</li>
<li>Item 2</li>
</ul>
</li>
</ul>
</div><!-- /container -->
</div><!-- /navbar-inner -->
</div><!-- /navbar -->
</body>
</html>
Is there anything obviously (or not so obviously) wrong here? Another odd
thing is that every once in a while, the menu does work, but I can't detect
any pattern to this.
Thanks again,
David
On Friday, August 3, 2012 12:07:50 PM UTC-6, Gavin Skull wrote:
>
> You may have missed an end tag somewhere. Try validating your code with
> http://validator.w3.org/
> Otherwise write a minimal test page with navbar and drop down only and
> test across platforms.
>
>
>
