2014-02-14 1 views
2

Я много искал проблему перед публикацией здесь, Не нашел никакого решения.Twitter bootstrap 2 верхняя панель навигации вниз с из не работает в мобильном

Ссылка на сайт: http://bit.ly/1geHJr0

Я использую Twitter Bootstrap 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> 

Спасибо

+0

, какой браузер и Whats версия ??? работает для меня в firefox –

+0

@AamirShahzad Chrome на мобильном телефоне. Он отлично работает в firefox и chrome на рабочем столе. Мобильная версия Chrome - 32.0.1700.99 –

+0

Можно попробовать, используя event.stopImmediatePropagation http://api.jquery.com/event.stopImmediatePropagation/? или event.preventDefault()? – Ravimallya

ответ

0

Я выяснял проблему и устранили эту проблему.

Проблема. Я использовал div вместо ul для раскрывающегося списка. Он закрывается, когда вы нажимаете иначе, чем ul.

Я только что заменил этот

<div class="dropdown-menu span3" style="background:#0C0;"> 

С ул> литий

<ul class="dropdown-menu span3" style="background:#0C0;"> 
    <li> 
    <form.... 
    </li> 
</ul> 

 Смежные вопросы

  • Нет связанных вопросов^_^