Javascript jQuery插件或带有css的jQuery用于弹出

---

我需要得到这种弹出使用Jquery，请建议Jquery插件或任何样本。我找不到一个开始这个的主意。

它需要有这个特定的布局吗

---

也许你可以开始使用并编辑一些链接来填充它。

我会选择轻量级引导工具提示或Popover。他们带着靴子。请参阅此处的更多信息：

实施：

$(document).ready(function(){
    $('[data-toggle="popover"]').popover(); 
});

在任何情况下

data-toggle="popover" data-placement="top" data-content="Content"

在您的情况下，您需要设置popover参数以接受html

  $(document).ready(function(){
        $('[data-toggle="popover"]').popover({
           html: true,
        }); 
    });

@编辑

或者你可以试试WebUI

---

希望这对您有所帮助

HTML

<a href="#" rel="popover" data-popover-content="#myPopover">My Popover</a>

<div id="myPopover" class="hide">

   <div class="left_box">
     <p><i class="fa fa-envelope"></i> Email</p>
     <p><i class="fa fa-download"></i> Download</p>
     <p><i class="fa fa-print"></i> Print</p>
   </div>

   <div class="right_box">
     <p>Audit Logs</p>
   </div>

</div>

jQuery

$(document).ready(function(){

    $(function(){
    $('[rel="popover"]').popover({
        container: 'body',
        html: true,
        content: function () {
            var clone = $($(this).data('popover-content')).clone(true).removeClass('hide');
            return clone;
        }
    }).click(function(e) {
        e.preventDefault();
    });
  });

});

---

请包括jQuery和Bootstrap。

我不能在这里使用Bootstrap。M，是的，似乎这个可以用，但我找不到这个的代码示例。你含糊不清，我想这就是为什么你投了反对票。如果你真的不确定如何做先进的事情来实现这一点，我建议你看看Lightbox或Highslide。Highslide非常酷，因为它可以在您指定的任何大小的窗口中显示大量类型的数据，而无需学习很多代码。如果您真的想要一个好的定制解决方案，那么您需要下面的jQuery/Javascript解决方案以及一些学习内容

$(document).ready(function(){

    $(function(){
    $('[rel="popover"]').popover({
        container: 'body',
        html: true,
        content: function () {
            var clone = $($(this).data('popover-content')).clone(true).removeClass('hide');
            return clone;
        }
    }).click(function(e) {
        e.preventDefault();
    });
  });

});