#1 - 2019-7-12 00:37
Cedar (。´-д-)
组件链接
脚本安装
备用安装
查看源码

完美切换全站动态与好友动态
全面适配全站动态所有标签页
长按切换按钮可修改默认显示

示意图:


※长按切换按钮可以设置默认显示方式


我跟你说这UI令我自己十分舒适, 写完之后玩了好久..这GIF我能看一天..

相似组件指路:
bgm 好友动态&全站动态切换 (只有一个按钮, 适合偶尔看一眼的轻量级用户)
#2 - 2019-7-12 10:51
(こんなこと、気付かなければよかったのに ...)
(bgm106)像我就不会搞这么复杂了
#2-1 - 2019-7-12 11:08
Cedar
我也觉得有点复杂(bgm39) 不过我用jQuery写的 也不算太复杂..
我本来想PR你那个的 但是代码差别太大了 所以最后还是决定分开成两个组件..
#3 - 2019-7-12 10:52
先占个座,相信有戏可以看(bgm38)
#3-1 - 2019-7-12 11:01
Cedar
啊? 什么戏?
#3-2 - 2019-7-12 11:08
Cedar
说: 占座的借口罢了
但是占座也不会收到提醒啊..
#3-3 - 2019-7-12 19:03
幕刃
加戏
#4 - 2019-7-14 13:46
弱弱的问一句,这网站还能拉黑人的?
#4-1 - 2019-7-14 14:03
Cedar
? 怎么在这儿问?
你可以屏蔽, 不允许拉黑. 你只可以在网站隐私设置里设置不接收指定人给你发的消息提醒, 但是专门去看还是能看到.
屏蔽组件都是用户写的, 可以让你看不见满足条件的用户, 但是不能阻止他们评论.
#4-2 - 2019-7-14 14:38
Cedar
说: 感觉在这里问很有用
反馈帖还是别发太多无关内容吧..11条回复里有9条都跟组件无关..还有5条是占座..我好伤心啊..
屏蔽组件我也写过一个, 你可以到这里去看. 另外 提问前善用搜索..
#5 - 2019-7-14 18:09
(戯言なんだよ)
我用全站没有下一页(bgm41)
之前另外一个组件也有这问题
#5-1 - 2019-7-14 18:17
Cedar
咦..全站也可以看下一页的吗?
这个获取的是没登录时能看到的内容 那儿本来就只能看一页..
#5-2 - 2019-7-14 18:36
padorax
Cedar 说: 咦..全站也可以看下一页的吗?
这个获取的是没登录时能看到的内容 那儿本来就只能看一页..
哦。就是全站看不了下一页
#5-3 - 2019-7-14 19:23
Cedar
padorax 说: 哦。就是全站看不了下一页
没好友的用户可以看下一页么? 应该跟没登录的用户一样只能看一页吧?
#5-4 - 2019-7-14 19:57
padorax
Cedar 说: 没好友的用户可以看下一页么? 应该跟没登录的用户一样只能看一页吧?
我不知道能不能(bgm38)
我想看之后的,但不行就算了
#5-5 - 2019-7-14 20:48
Cedar
padorax 说: 我不知道能不能
我想看之后的,但不行就算了
我想应该是不行的..等一个不加好友的过来解答..
#5-6 - 2019-7-14 21:20
Cedar
说: 动态就只能看一页的吧
喔..看来不加好友确实只能看一页..
加了好友就可以翻页了 虽然只能一页一页翻, 不给跳页..
这么说来启用组件后就不必为了看全站动态而不加好友了
#6 - 2019-7-29 11:43
(。´-д-)
组件过审了!
#7 - 2019-7-29 12:41
体验超棒,丝般顺滑,绝赞=w=
#7-1 - 2019-7-29 13:37
#7-2 - 2019-7-30 00:31
弥御水Scyiki
Cedar 说:
是真的好赞!而且这 UI 配色,是仔细考虑过的吧?因为 bgm 的按钮色不是红就是蓝,好像这 UI 全站动态的是靛蓝?总之没有突兀感,就好像是本来就有的功能,而不会觉得是启用了组件。
#7-3 - 2019-7-30 00:48
Cedar
Scyiki 说: 是真的好赞!而且这 UI 配色,是仔细考虑过的吧?因为 bgm 的按钮色不是红就是蓝,好像这 UI 全站动态的是靛蓝?总之没有突兀感,就好像是本来就有的功能,而不会觉得是启用了组件。
是的! (bgm81)
一开始蓝色打算自己挑 结果无论选哪种蓝色都觉得有点偏色 搭配不上 后来才注意到bgm自己就有非常合适的蓝色b38
UI果然很舒适! 我自己也玩了好久
#8 - 2019-8-24 22:18
(小圣杯邀请码: whyjxz14#576501)
https://bgm.tv/dev/app/432
这两个插件能想办法兼容吗
这个切换一次就不能用加载更多了
#8-1 - 2019-8-24 23:17
Cedar
这个其实是他的组件的问题..因为组件只会运行一次, 哪怕你不启用我的组件, 只要切换一下标签就看不到加载更多按钮了..你可以跟他反馈一下, 让他的组件在切标签之后也能保留那个按钮
如果想一次性加载很多页的话可以启用这个组件看看, 不过也有类似的问题..
或者最简单的做法是..你刷新一下..
#8-2 - 2019-8-25 13:24
東瀬まつり🦋❄️🐻💎🐺🍎🐠
切换一下是指浏览器切换标签页吗?能详细描述下吗?我似乎没有遇到过。
#8-3 - 2019-8-25 13:26
OH_toothache
東瀬まつり太 说: 切换一下是指浏览器切换标签页吗?能详细描述下吗?我似乎没有遇到过。
就是上面他这个插件。会切换好友和全站。每次切换完到好友需要重新加载你的这个的加载更多按键
#8-4 - 2019-8-25 13:39
東瀬まつり🦋❄️🐻💎🐺🍎🐠
OH_toothache 说: 就是上面他这个插件。会切换好友和全站。每次切换完到好友需要重新加载你的这个的加载更多按键

你指的是这一块的切换嘛,确实切换之后加载更多就没了
但是我没找到你说的全站/好友切换(bgm58)
#8-5 - 2019-8-25 13:42
東瀬まつり🦋❄️🐻💎🐺🍎🐠
東瀬まつり太 说:
你指的是这一块的切换嘛,确实切换之后加载更多就没了
但是我没找到你说的全站/好友切换
哦哦是他插件里的...我去适配下吧
#8-6 - 2019-8-25 14:22
Cedar
東瀬まつり太 说: 哦哦是他插件里的...我去适配下吧
其实只要点击"动态"按钮能保留加载更多按钮的话应该就能自动兼容的, 不用特意适配我的组件..
啊 顺便说下..希望你的组件能适配这个页面
#8-7 - 2019-8-25 14:25
東瀬まつり🦋❄️🐻💎🐺🍎🐠
Cedar 说: 其实只要点击"动态"按钮能保留加载更多按钮的话应该就能自动兼容的, 不用特意适配我的组件..
啊 顺便说下..希望能适配这个页面
对,我刚刚看了下,全站如果只有一页的话其实这部分并不用做(bgm38)
#8-8 - 2019-8-25 14:33
Cedar
東瀬まつり太 说: 对,我刚刚看了下,全站如果只有一页的话其实这部分并不用做
层主的意思应该是希望点击"动态"按钮后"下一页"仍然被替换成"加载过多", 不要因为切了标签就变回"下一页"..
喔..就是#8-4的意思..
#8-9 - 2019-8-25 15:39
東瀬まつり🦋❄️🐻💎🐺🍎🐠
Cedar 说: 层主的意思应该是希望点击"动态"按钮后"下一页"仍然被替换成"加载过多", 不要因为切了标签就变回"下一页"..
喔..就是#8-4的意思..
(bgm38)我已经改好了,对timelinewrapper加了个mutationobserver自动修改按钮。适配bgm.tv/timeline似乎很简单,直接加到match列表里就能用了。
#8-10 - 2019-8-25 15:50
東瀬まつり🦋❄️🐻💎🐺🍎🐠
東瀬まつり太 说: 对我已经改好了,对timelinewrapper加了个mutationobserver自动修改按钮。适配bgm.tv/timeline似乎很简单,直接加到match列表里就能用了。
这一会审核又不知道要审核多久,复制下代码
#8-11 - 2019-8-25 17:41
Cedar
東瀬まつり太 说: 这一会审核又不知道要审核多久,复制下代码
啊! 原来可以这么改
我顺便帮你把ajax里那个success函数优化了一下 贴在这里..你可以用用看..
$.ajax({
  type: "GET",
  url: url + "&page=" + static_page + "&ajax=1",
  success: function (html) {
    let $tml = $("#timeline");
    let $tmlPager = $("#tmlPager");
    let $newul = $("#timeline ul", html);
    let oldDate = $("#timeline h4.Header").toArray().map(el => el.innerHTML);
    let $newDate = $("#timeline h4.Header", html);
    $newDate.each((i, date) => {
      if (oldDate.includes(date.innerHTML)) {
        $tmlPager.before($ul[i]);
      } else {
        $tmlPager.before(date, $newul[i]);
      }
    })
    static_page++;
    chiiLib.tml.prepareAjax();
  },
  error: function (html) {
      $("#robot_speech_js").html(AJAXtip['error']);
      $("#robot").animate({
          opacity: 1
      }, 1000).fadeOut(500);
  }
});
#8-12 - 2019-8-26 03:06
東瀬まつり🦋❄️🐻💎🐺🍎🐠
Cedar 说: 啊! 原来可以这么改
我顺便帮你把ajax里那个success函数优化了一下 贴在这里..你可以用用看..
$.ajax({
  type: "GET",
  ...
学习了一下你的漂亮ES6写法(bgm38),let $newul = $("#timeline ul", html); 这里写了#timeline之后jquery就会找不到节点,也许和div#timeline是根节点有关系?(bgm62)
#8-13 - 2019-8-26 09:57
Cedar
東瀬まつり太 说: 学习了一下你的漂亮ES6写法,let $newul = $("#timeline ul", html); 这里写了#timeline之后jquery就会找不到节点,也许和div#timeline是根节...
其实我没怎么测试过..出丑了(bgm38) 也许还是类似你那样写会比较好
function (html) {
  let $html = $(html);
  let $tml = $("#timeline");
  let $tmlPager = $("#tmlPager");
  let oldDate = $("#timeline>h4").toArray().map(el => el.innerHTML);
  let $newul = $html.children("ul");
  let $newDate = $html.children("h4");
  //...
#8-14 - 2019-9-2 20:57
OH_toothache
東瀬まつり太 说: 学习了一下你的漂亮ES6写法,let $newul = $("#timeline ul", html); 这里写了#timeline之后jquery就会找不到节点,也许和div#timeline是根节...
谢谢你用我的邀请码(bgm25)(bgm25)(bgm25)
#8-15 - 2019-9-2 21:52
東瀬まつり🦋❄️🐻💎🐺🍎🐠
OH_toothache 说: 谢谢你用我的邀请码
欸你还看得到的嘛(bgm72)我之前试了几个都不行(bgm38)(bgm38)
#9 - 2019-10-24 17:45
(。´-д-)
版本更新! 只是一个小更新 (