用于报告的 jquery 插件

Question

是否有任何 jquery 插件可以在单击时展开，基本上我想在单击时显示报告，然后再次最小化返回单击。

谢谢..

Answer 1

如果您想显示和隐藏现有元素，则可以执行以下操作：

<a href-"#" id="expcoll">Click me to toggle</a>
<div id="report">
     your report content goes here
</div>

$(function(){
    $("#expcoll").click(function(){
         // show or hide the report
         $("#report").toggle();
         // if you want a slide effect 
         //$("#report").slideToggle();
    });
});

如果您想动态加载 HTML 报告数据，则可以在 jQuery 中使用 AJAX 调用并将结果加载到报告 div 中。

Answer 2

听起来你想要类似 qtip 的东西

Answer 3

Rajeev，

执行以下操作，

将所有报告 html 存储在隐藏的 div 中

  <div id ="reportID" style="display:none">drop all your html here </div>

1）当您单击报告 div 时，

使用 jquery 显示 div

$('#reportID').show();

，2）当您再次单击报告 div 时，

吗

$('#repordID').hide();

您可以绑定 rahul 提到的事件

？让我知道如果您需要更多信息

Answer 4

这是一个使用基本 jquery-ui 对话框来执行 200 行虚拟日志的小提琴

http://jsfiddle.net/generalhenry/ T36e8/

我添加了 css 来强制内容在需要时滚动。