1

http://jqueryui.com/demos/sortable/#portlets

上記のリンクには、ポートレットと呼ばれるオブジェクトがあります。私が欲しいのは、デフォルトで最小化された状態でポートレットを起動する方法です。

初期ビューで最小化された状態で開始するための可能な方法はありますか?

4

5 に答える 5

3

サンプルソースコードから直接離れる場合は、単に更新する必要があります

.portlet-content { padding: 0.4em; } 

.portlet-content { display:none; padding: 0.4em; } 

.prepend( "<span class='ui-icon ui-icon-minusthick'></span>")

.prepend( "<span class='ui-icon ui-icon-plusthick'></span>")
于 2012-05-04T02:20:30.527 に答える
1

このようなことを試しましたか?

$(function() {
    $( ".portlet-header" ).each(function(){
    $(this).toggleClass( "ui-icon-minusthick" ).toggleClass( "ui-icon-plusthick" );
    $(this).parents( ".portlet:first" ).find( ".portlet-content" ).hide();
    });
});
于 2012-05-04T02:18:59.307 に答える
0

jaredhoytに触発されて私は以下を使用しています:

  1. セクションに<style>追加 .close { display:none; padding: 0.4em; }
  2. セクションに<script>追加 $( ".closehead" ).prepend( "<span class='ui-icon ui-icon-plusthick'></span>");
  3. 折りたたみたい各ポートレットコンテンツのクラスに 近い値を追加します<div class="portlet-content close" id="detailed2">
  4. セットアップする各ポートレットヘッダーのクラスに 値closeheadを追加します。<div class="portlet-header closehead">Details</div>
于 2014-04-24T13:10:05.337 に答える
0

これを試して

$(document).ready(function(){
    var h = $('#action').parents(".header");
    var c = h.next('.porlets-content');
    var p = h.parent();
    c.slideToggle();
    p.toggleClass('closed');
});

「アクション」は、ポートレットを最小化するためのボタンを含むHTML要素のIDです。

以下の私の例を見てください:

<div id="action" class="actions">
  <a href="#" class="minimize"><i class="fa fa-chevron-down"></i></a>
</div>
于 2016-09-05T17:10:25.667 に答える
0

ページへの追加を最大化します。

<div class="portlet-widgets">
    <a data-toggle="collapse" data-parent="#accordion1" href="#portlet1"><i class="ion-minus-round"></i></a>
</div>
<div id="portlet1" class="panel-collapse collapse in"></div>

ページへの追加を最小限に抑えます。

<div class="portlet-widgets">
    <a data-toggle="collapse" data-parent="#accordion2" href="#portlet2" class="collapsed"><i class="ion-minus-round"></i></a>
</div>
<div id="portlet2" class="panel-collapse collapse"></div>
于 2016-10-28T08:32:07.627 に答える