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

页面内对话选择器计划

可能要通过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)代码试验成功