Как отобразить форму в popover toggle?

Я пытаюсь показать форму в форме с помощью переключателя popover.Как отобразить форму в popover toggle?

<li> 
    <a href="#" rel="popup" tabindex="0" data-toggle="popover" title="SIGN IN" data-placement="bottom" data-content='<form> 
           <input type="text"> 
           </form> 
    '>Sign in</a> 
</li>

Но он не мог заставить его работать должным образом. Как я могу это достичь?

источник

2014-10-15 user1012181

, пожалуйста, не используйте тег «bootstrap», используйте «twitter-bootstrap», поскольку это означает что-то еще. –

Когда вы используете HTML в 'data-content', обязательно используйте html-объекты. ('<== <,> == >, ect'). Кроме того, когда вы инициализируете popover, установите опцию 'html: true'. – Oberst

Doc: Bootstrap modals

<script type="text/javascript" src="js/modal.js"></script> 

<a href="#" data-toggle="modal" data-target="#signin"> 

<div id="signin" class="modal hide fade" style="display: none; "> 
    <div class="modal-header"> 
     <a class="close" data-dismiss="modal">×</a> 
     <h3>Sign In</h3> 
    </div> 
    <div class="modal-body"> 
     <form action="signin.html" method="post"> 
      ... 
     </form> 
    </div> 
</div>

источник

2014-10-15 07:46:57

Но я ищу popover. Возможно ли это? – user1012181

Неплохо, я быстро прочитал. Что случилось с кодом, который вы пробовали? –

Он показывает код, как он находится в popover – user1012181

Используйте опцию содержимого JavaScript API вместо данных-контента:

$('#popover').popover({ 
    title: "Popover title", 
    content: function() { 
     return "<form><input type='text'></form>"; 
    }, 
    html: true 
});

Подробнее о usage, работая example.

источник

2014-10-15 09:14:46 Martin

ответ

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