小鱼君和他的朋友们:Siligame/Inpage dialog
出自小鱼君和他的朋友们
< 小鱼君和他的朋友们:Siligame
於 2018年3月25日 (日) 18:07 由 old>Sara Lindery 所做的修訂
頁面內對話選擇器計劃
可能要通過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)代碼試驗成功