Twitter Bootstrap弹出窗口中的HTML

大佬教程收集整理的这篇文章主要介绍了Twitter Bootstrap弹出窗口中的HTML，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

如何解决Twitter Bootstrap弹出窗口中的HTML？

开发过程中遇到Twitter Bootstrap弹出窗口中的HTML的问题如何解决？下面主要结合日常开发的经验，给出你关于Twitter Bootstrap弹出窗口中的HTML的解决方法建议，希望对你解决Twitter Bootstrap弹出窗口中的HTML有所启发或帮助；

您不能使用，<li href="#"因为它属于它<a href="#"，所以它不起作用，请更改它，这一切都很好。

这是正在工作的 ，它向您展示了如何创建引导弹出窗口。

代码的相关部分如下：

<!-- 
Note: Popover content is read from "data-content" and "title" Tags.
-->
<a tabindex="0"
   class="btn btn-lg btn-priMary" 
   role="button" 
   data-HTML="true" 
   data-toggle="popover" 
   data-trigger="focus" 
   title="<b>Example popover</b> - title" 
   data-content="<div><b>Example popover</b> - content</div>">Example popover</a>
@H_301_15@

$(function(){
    // Enables popover
    $("[data-toggle=popover]").popover();
});
@H_301_15@
顺便说一句，您始终至少$("[data-toggle=popover]").popover();需要启用弹出窗口。但是data-toggle="popover"您也可以使用ID="my-popover"或代替class="my-popover"。$("#my-popover").popover();在这些情况下，请记住使用例如：启用它们。
这是完整规格的链接： 

如果由于某种原因您不喜欢或无法从data-toggle和title标签读取弹出窗口的内容。您还可以使用例如隐藏的div和更多的JavaScript。
 
解决方法

                    
我正在尝试在自举弹出窗口中显示HTML，但不知为何它不起作用。我在这里找到了一些答案，但这对我不起作用。如果我做错了事，请告诉我。
<script>
  $(function(){
    $('[rel=popover]').popover({ 
      html : true,content: function() {
        return $('#popover_content_wrapper').html();
      }
    });
  });
</script>

<li href="#" id="example" rel="popover" data-content="" data-original-title="A title"> 
    popover
</li>

<div id="popover_content_wrapper" style="display: none">
    <div>This is your div content</div>
</div>

                
 


 
 
      

大佬总结

以上是大佬教程为你收集整理的Twitter Bootstrap弹出窗口中的HTML全部内容，希望文章能够帮你解决Twitter Bootstrap弹出窗口中的HTML所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。