• 正在查找将来过去时的官方设定集?不如看看万界大百科吧!
  • 《将来过去时》第一部分 现在 魔科纪元的少年少女 即将正式发布!
  • 让我偷偷看一眼小鱼君的博客……
  • 服务器已成功迁移到 阿里云(杭州)

小鱼君和他的朋友们:Siligame/Inpage dialog

出自小鱼君和他的朋友们
< 小鱼君和他的朋友们:Siligame
於 2019年9月4日 (三) 23:45 由 机智的小鱼君對話 | 貢獻 所做的修訂 (导入1个版本)
(差異) ←上個修訂 | 最新修訂 (差異) | 下個修訂→ (差異)

頁面內對話選擇器計劃

可能要通過JS實現,要做到同一頁面內運行,並且可以同時存在很多個。

點擊後消失

通過class name識別文字,讓文字點擊後diplay屬性變為none,例如

<u class="inpage-dialog mw-customtoggle-inpagedialog{{{id|0}}}">你好吗?</u>

<div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-inpagedialog{{{id|0}}}">
<u>你好吗?</u>

我很好,谢谢。
</div>

點擊下劃線中的「你好嗎?」後,該段文字消失,然後下面一段顯示出來,就像是對話一樣。

點擊後變色

這是替代方案,如果做不到隱藏,那就用藍色標記要選擇的對話,點擊後變成黑色

曾實驗過的失敗代碼

/*===================== Inpage Dialogue ==========================*/ /*********************** (function ($, mw) {

 $(".inpage-dialog").click(function(){
   $(this).hide();
 });

}(jQuery, mediaWiki));

$( '.inpagedialog' ).on( { click: function() { // do something on click }, } } );

$('.inpagedialog').click(function () {

   $(this).hide();
     }
 });
                                                • /

計劃成功

  • 2018年3月25日 (星期日) 10:07 (UTC)代碼試驗成功