2
我在這裏發佈之前搜索了很多關於這個問題,沒有找到任何解決方案。Twitter bootstrap 2頂部導航下拉與從不在移動工作
鏈接到網站:http://bit.ly/1geHJr0
我使用Twitter的引導2.3.2,幷包含在下拉菜單的形式。一切工作正常在桌面瀏覽器。在移動瀏覽器中,當我點擊導航欄中的登錄鏈接時,會打開登錄表單,但是當我點擊從中的任何字段或按鈕時,它將關閉,用戶在關閉時無法輸入任何信息。
下面是導航菜單
<li class="dropdown" id="menuLogin"> <a class="dropdown-toggle btn" href="login" data-toggle="dropdown" id="navLogin"><i class="icon-lock"></i> Login</a>
<div class="dropdown-menu span3" style="background:#0C0;">
<form method="post" action="<?php echo base_url().'login';?>" id="login">
<div class="control-group">
<input type="text" name="login_email" id="login_email" value="" placeholder="Email" class="span3" /> <?php echo form_error('login_email')?>
</div>
<div class="control-group">
<input type="password" name="login_password" id="login_password" value="" placeholder="password" class="span3"/> <?php echo form_error('login_password')?>
</div>
<div class="control-group">
<div class="text-left" style="padding-left:8px;">
<input type="submit" class="btn" name="login" value="Login" style="background-color: #3498DB;" />
<a href="<?php echo base_url().'forgot_password';?>">Forgot Password?</a>
</div>
</div>
</form>
</div>
</li>
我想下面的代碼,但沒有運氣
<script>
$('.dropdown-menu input, .dropdown-menu button').on('click', function(e) {
e.stopPropagation();
});
</script>
感謝
其瀏覽器和最新的版本???正在爲我工作在firefox –
@AamirShahzad Chrome on Mobile。它在桌面上的Firefox和Chrome上工作正常。移動Chrome版本是32.0.1700.99 –
你可以嘗試使用event.stopImmediatePropagation http://api.jquery.com/event.stopImmediatePropagation/?或event.preventDefault()? – Ravimallya