本館粉絲專頁

使用者:LiaoWS/Other:修訂版本之間的差異

分享此網頁到Facebook
分享此網頁到Plurk
分享此網頁到百度搜藏
分享此網頁到Twitter
分享此網頁到Del.icio.us
最近作者:LiaoWS 2015年10月10日 (星期六)23:05
台灣棒球維基館
跳轉到: 導覽搜尋
折疊面板
 
(由1名用戶作出的9個中途修訂版本未被顯示)
第2行: 第2行:
 
===折疊面板===
 
===折疊面板===
  
{{hideH|right|折疊}}
+
{{hideH|這是折疊}}
  
 
AAA
 
AAA
  
 
{{HideF}}
 
{{HideF}}
 +
*實現方法:在mediawiki:common.js加上以下...
 +
<pre>
 +
mw.loader.using('jquery.ui.accordion', function () {
 +
  jQuery(document).ready(function ($) {
 +
    $('.accordion').accordion({ collapsible: true, active: false });
 +
  });
 +
});
 +
 +
</pre>
 +
完成後便可直接編寫jquery代碼實現
 +
 +
<div class="toccolours mw-collapsible mw-collapsed" style="width:800px; background: green">
 +
標題
 +
<div class="mw-collapsible-content">文字</div>
 +
</div>
 +
===表格效果===
 +
====簡單排序====
 +
{| class="wikitable sortable"
 +
!A!!B!!C
 +
|-
 +
|data-sort-value=abc|abc || def || ghi
 +
|-
 +
|data-sort-value=jkl|jkl ||  mno || pqr
 +
|-
 +
|data-sort-value=stu|stu || vwx || yz
 +
|}
 +
====附加折疊====
 +
{| class=" wikitable mw-collapsible "
 +
!A!!B!!C
 +
|-
 +
| abc || def || ghi
 +
|-
 +
| jkl ||  mno || pqr
 +
|-
 +
| stu || vwx || yz
 +
|}

2015年10月10日 (六) 23:05的最新修訂版本

目次

[編輯] 頁面內容測試

[編輯] 折疊面板

這是折疊

AAA

  • 實現方法:在mediawiki:common.js加上以下...
mw.loader.using('jquery.ui.accordion', function () {
  jQuery(document).ready(function ($) {
    $('.accordion').accordion({ collapsible: true, active: false });
  });
});

完成後便可直接編寫jquery代碼實現

標題

文字

[編輯] 表格效果

[編輯] 簡單排序

A B C
abc def ghi
jkl mno pqr
stu vwx yz

[編輯] 附加折疊

A B C
abc def ghi
jkl mno pqr
stu vwx yz