jquery插入元素不生效

C5732

自己学习相关内容不久，今天编写的时候遇到这个问题请教一下
这是使用的代码：（其他部分运行没问题，只有插入元素这一步不生效）
$("#app").after("<p>This is some text in a very short paragraph</p>");
这是脚本加载以后打开控制台查看元素的情况，完全没有变化

脚本体验师001

jq应该在元素不存在的情况也不会报错
id="app"？似乎这种页面多是单页面，勤刷新网页重试

李恒道

最好来个demo给我们复现

C5732

李恒道 发表于 2023-1-31 21:01
最好来个demo给我们复现

// ==UserScript==
// @name         BiliBili空间
// @namespace    http://tampermonkey.net/
// @version      1
// @description  BiliBili小改
// @match        https://space.bilibili.com/*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=obsidian.md
// @grant        none
// @require      https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js
// @run-at       document-end
// ==/UserScript==
(function (){
    'use strict';
    var api='https://api.bilibili.com/x/space/acc/relation?';
    var pattern=new RegExp('([0-9]+)','gim');
    var uid=window.location.href.match(pattern)[0];
    var mtim=0;
    function timestamp2time(stamp){
        var date=new Date(stamp);
        var year=date.getFullYear()+"-";
        var month=(date.getMonth()+1 < 10 ? '0'+(date.getMonth()+1) : date.getMonth()+1) + '-';
        var day=date.getDate();
        return (year+month+day);
    }
    function mt(){
        $.ajax({
            url:api,
            type:"GET",
            data:{mid:uid},
            dataType:"json",
            xhrFields:{
                    withCredentials:true
            },
            crossDomain:true,
            success:function(res){
                if(res.code==0&&(res.data.relation.attribute!=0||res.data.relation.attribute!=128)){
                    alert('正常');
                    mtim=res.data.relation.mtime;
                    $("#h-name").append('<b>12345678912315648974564897456</b>');
                }
            }
        });
    }
    mt();
})();

https://space.bilibili.com/88461692/
这是作用的网页，alert都可以弹出但是append没有反应

李恒道

C5732 发表于 2023-1-31 21:16
// ==UserScript==
// @name         BiliBili空间
// @namespace    http://tampermonkey.net/

指南里有类似的案例
https://bbs.tampermonkey.net.cn/thread-237-1-1.html
这种只能使用mutationobserve监听改变插入或者定时循环了
b站不知道动了什么
会在diff的过程中消除掉新增的元素

另外发脚本最好去https://scriptcat.org/search
然后贴个地址
其他人一键安装起来比较方便

C5732

李恒道 发表于 2023-1-31 21:48
指南里有类似的案例
https://bbs.tampermonkey.net.cn/thread-237-1-1.html
这种只能使用mutationobserve ...

谢谢，我再研究研究

李恒道

C5732 发表于 2023-1-31 21:51
谢谢，我再研究研究

你直接对抄我们给的demo例子也没问题
但是最好还是理解一下~

steven026

本帖最后由 steven026 于 2023-1-31 23:54 编辑

C5732 发表于 2023-1-31 21:16

// ==UserScript==
// @name BiliBili空间
// @namespace http://tampermonkey.net/

😳

试了下demo脚本，是运行时机问题
元素还没加载出来你就已经运行代码了
加个延迟或者判断

C5732

steven026 发表于 2023-1-31 23:50
[md]> [C5732 发表于 2023-1-31 21:16](forum.php?mod=redirect&goto=findpost&pid=50899&ptid=4056)
> > / ...

谢谢,我已经修改了,添加了mutationobserver,让元素再正确的时候添加

C5732

改好了
https://scriptcat.org/script-show-page/827