在弹出式窗口中放置一个表单3？ [英] place a form within popover in bootstrap 3?

问题描述

如何在弹出式窗口中放置一个表单在bootstrap 3中？

 < a href =＃class =btn btn-lg btn-dangerdata-toggle =popovertitle =data-content =这里有一些令人惊叹的内容，非常吸引人，对不对？ data-original-title =标题>点击它！< / a> 
  

它的效果如下：

我想在表单中放置一个表单身体。我们如何做到这一点？

解决方案

  $（'＃popover'）。popover {
 html：true，
 title：function（）{
 return $（＃popover-head）。html（）; 
}，
 content： function（）{
 return $（＃popover-content）。html（）; 
} 
}）; 
  

Popover HTML标记：

 < a href =＃id =popover>弹出式连结< / a> 
< div id =popover-headclass =hide>一些标题< / div> 
< div id =popover-contentclass =hide> 
< form> 
<！ - 我的表单 - > 
< / form> 
< / div> 
  

How to place a form within popover in bootstrap 3?

<a href="#" class="btn btn-lg btn-danger" data-toggle="popover" title="" data-content="And here's some amazing content. It's very engaging. right?" data-original-title="A Title">Click It !</a>

it gives a effect like :

I want to place a form within its body. How can we do it ?

解决方案

$('#popover').popover({ 
    html : true,
    title: function() {
      return $("#popover-head").html();
    },
    content: function() {
      return $("#popover-content").html();
    }
});

Popover HTML Markup:

<a href="#" id="popover">the popover link</a>
<div id="popover-head" class="hide">some title</div>
<div id="popover-content" class="hide">
  <form>
    <!-- my form -->
  </form>
</div>

这篇关于在弹出式窗口中放置一个表单3？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！