Question

我想添加一个关闭和最小化按钮来隐藏和关闭主体面板面板，并使用jquery添加到页面中每个引导面板的全屏按钮

    <div class="panel panel-primary">


        <div class="panel-heading">

            <h3 class="panel-title"><i class="fa fa-bar-chart-o"></i>  Number Of Tickets Reported In The Billing Unit (Today)</h3>
        </div>
        <div class="panel-body">
            <div class="flot-chart">
                <div id="BillPhChart"></div>
            </div>
        </div>
    </div>
</div>

Answer 1

您必须使用jQuery来执行这些任务。然后按钮应该只调用相应的jQuery函数。

以下是我刚发现的一些快速提示：

Minimize / Maximize div's with jQuery

http://plugins.jquery.com/tag/fullscreen/

以下是按钮的示例：

<a href="#" class="btn"><i class="icon-white icon-plus"></i></a>

href是jQuery函数。

编辑：要单独触发面板，请为每个面板指定一个唯一的id，并创建一个JavaScript函数，使用id选择器调用jQuery来识别它。

$( "#myID" )

您可以使用以下命令找到触发事件的面板的ID：

event.target.id

如何添加关闭最小化全屏按钮到引导面板

1 个答案: