popup html with js embed

[wanghaisheng]

紧急求助 之前popup是会显示的 现在我不知道改动了其他那里的代码 不论是我添加最简单的popup到任何位置 都不显示了 这个可能是哪里的原因

@wang0618

    popup('popup title', 'popup text content', size=PopupSize.SMALL)
    kou_ling = textarea("%s" % display_label['kouling'], type=TEXT, validate=valid_check, required=True,
                        placeholder=display_label['placeholder'],position=0)
    popup('popup title', 'popup text content', size=PopupSize.SMALL)

第一个会显示 第二个之后就不会。。后面我还放了2个

[wang0618]

页面上同一时间只能显示一个popup，如果显示新popup的时候页面上已经有一个popup正在显示了，那么正在显示的popup将会被关闭

    popup('popup title1', 'popup text content', size=PopupSize.SMALL)
    kou_ling = textarea("%s" % display_label['kouling'], type=TEXT, validate=valid_check, required=True,
                        placeholder=display_label['placeholder'],position=0)

    time.sleep(4)
    popup('popup title2', 'popup text content', size=PopupSize.SMALL)

这样就能看出来了

[wanghaisheng]

》页面上同一时间只能显示一个popup，如果显示新popup的时候页面上已经有一个popup正在显示了，那么正在显示的popup将会被关闭
意思是new popup会触发已有popup的close命令 但新的popup并不会显示

[wanghaisheng]

诡异的是 我把前面所有的popup都屏蔽了 只留这个也是不显示

            popup('Finished processing', ['%s' % display_label['timecost']+'%.4f秒' % (end - extract_start),
                                          put_html(quick3%allquickdownloadlist)
                                          ], size=PopupSize.LARGE)

[wang0618]

可能是没执行到这部分代码吧，你可以用上下文管理器方式来创建popup，这样可以在其中输出一些调试信息

[wanghaisheng]

我测试了的 比如这个代码前面一行是这个
put_html(quick3%allquickdownloadlist)

我可以显示其中一部分的代码。

[wang0618]

这样就想不出来会是什么原因了，如果可以提供一段可复现的代码，我才能深入研究是怎么回事

[wanghaisheng]

我测试了一下

def oneinalldownload_pop_window(html):
    print('==============')
    with popup("save all"):
        print('1=========')
        # put_html(html)
        put_text('===========')
``
卡在print 1==这里


上最小代码供测试

quick3 = """
<script>
function makeid(length) {
    var result           = '';
    var characters       = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
    var charactersLength = characters.length;
    for ( var i = 0; i < length; i++ ) {
      result += characters.charAt(Math.floor(Math.random() * 
 charactersLength));
   }
   return result;
}
function download_files(files) {
  function download_next(i) {
    if (i >= files.length) {
      return;
    }
    var a = document.createElement('a');
    a.href = files[i]["url"];
    a.target = '_parent';
    //a.target = '_blank';

    // Use a.download if available, it prevents plugins from opening.
    if ('download' in a) {

    strValue=files[i]["name"]
      // Test whether strValue is empty
    if (!strValue || strValue.trim() === "" || (strValue.trim()).length === 0) {
        a.download = makeid(10)
    }        
      a.download = files[i]['name'];
    }
    // Add a to the doc for click to work.
    (document.body || document.documentElement).appendChild(a);
    if (a.click) {
      a.click(); // The click method is supported by most browsers.
    } else {
      $(a).click(); // Backup using jquery
    }
    // Delete the temporary link.
    a.parentNode.removeChild(a);
    // Download the next file with a small timeout. The timeout is necessary
    // for IE, which will otherwise only download the first file.
    setTimeout(function() {
      download_next(i + 1);
    }, 500);
  }
  // Initiate the first download.
  download_next(0);
}


  // Here's a live example that downloads three test text files:
  function do_dl() {
    download_files(%s);
  };
</script>

<button onclick="do_dl();">Save all video files in one click.</button>

"""
allquickdownloadlist=[{'url': '/video?url=https://www.douyin.com/video/7076310176235654407\n', 'name': '二
狗的趣味生活 #动画制作 #内容过于真实 #一定要看到最后 #爆笑.mp4'}, {'url': '/video?url=https://www.douyin.com/video/7076431795943689508\n', 'name': '童年时代总是有一个陪你哭 陪你笑 陪你一起吃冰糖葫芦的伙伴 #动画制作 #制作不易 #内容过于真实 #稻香.mp4'}, {'url': '/video?url=https://www.douyin.com/video/7076312189803515177\n', 'name': '国民老公们最后的倔强#内容过于真实#动漫 #搞笑动画 #爆笑 .mp4'}, {'url': '/video?url=https://www.douyin.com/video/7075978194062527757\n', 'name': '美好的初中时代，总是有哪些趣事一直存 在我们的脑海里，希望青春常在，永远不散#搞笑 #搞笑动画 #校园 .mp4'}, {'url': '/video?url=https://www.douyin.com/video/7075615390000254222\n', 'name': '被几个大汉围着，多少还是有点害怕#搞笑 #一定要看到最后 #搞笑视频 #内容过于真实 .mp4'}, {'url': '/video?url=https://www.douyin.com/video/7075251691448257827\n', 'name': '关于粤语怎么说，在线提问# 一定要看到最后 #搞笑对话 #内容过于真实 #搞笑 #爆笑视频 .mp4'}, {'url': '/video?url=https://www.douyin.com/video/7075151478733688095\n', 'name': '二哥请我去吃饭，结果碰上了 硬茬.....#搞笑 #沙雕 #原创动画 .mp4'}, {'url': '/video?url=https://www.douyin.com/video/7074759352174808357\n', 'name': '因为叫二哥打水引发的一系列故事#幽默风趣 #一定要看到最后 #意想不到的结局 #沙雕 .mp4'}, {'url': '/video?url=https://www.douyin.com/video/7074455983799504159\n', 'name': '小时候的童年趣事，有没有Get到你#卡通动画 #日常视频 #这 个视频有点儿长 #前方高能 .mp4'}, {'url': '/video?url=https://www.douyin.com/video/7074431692664016142\n', 'name': '见义勇为才是真英雄，嗨害 #轻漫计划 #动画制作 #内容过于真 实 #一定要看到最后.mp4'}]
            oneinalldownload_pop_window(quick3%allquickdownloadlist)

[wanghaisheng]

@wang0618
再补充一下 移除前面所有popup 只留下如下

        print('--------------')
        popup('Finished processing',[put_html(quick3%allquickdownloadlist)], size=PopupSize.NORMAL)
            # put_html(quick3%allquickdownloadlist,position=-1)
            # oneinalldownload_pop_window(quick3%allquickdownloadlist)
        print('----')

代码运行完毕以后，惊奇的是我后退以后再刷新 popup就出现了

chrome_gvCLMVnaPz.mp4

Error(TypeError: $(...).modal is not a function) in dispatch command: popup

Scope '#pywebio-scope-gH6fY9T8WM' not found