jquery - 如何将关闭最小化全屏按钮添加到 Bootstrap 面板

Question

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

    <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