对 window.onhashchange

问题描述

我正在使用 xaringan 幻灯片； xaringan 基于 remark.js。我想实现一个在每次幻灯片更改时触发的 Javascript 函数。（该函数可以是任何东西；在我的例子中，它会在幻灯片更改时将“演示者备注”滚动到其 div 的顶部。）

remark.js 幻灯片是 HTML 文件。在文件的 URL 中，每张幻灯片都由井号后面的数字表示：您有“mySlides.html#1”、“mySlides.html#2”等。所以看起来我可以用 window.onhashchange 实现我想要的行为：

function myFunc() {
  console.log("Triggered myFunc()!")
}
window.onhashchange = myFunc;

当用户使用浏览器中的“后退”或“前进”按钮更改幻灯片时，此代码有效。当他在地址栏中键入更改时，它也有效。例如，如果他在地址栏中看到“mySlides.html#1”，则删除“1”，将其替换为“2”，然后按 Enter。

但是没有人以这些方式改变幻灯片。相反，他们通过在平板电脑上滑动、滚动鼠标滚轮或按左右箭头键来更改幻灯片。所有这些快捷方式都会更改地址栏中显示的幻灯片和哈希值。但它们都没有触发 window.onhashchange。

有没有办法在 URL 中的哈希值更改时执行函数，即使它没有通过在地址栏中键入或单击“返回”按钮而更改？例如，每次用户从一张幻灯片切换到另一张幻灯片时，location.hash 都会发生变化——有没有办法监听 location.hash 的变化？

解决方法

根据 charlietfl 的评论，remark.js 带有易于触发的幻灯片更改事件：

from transformers import BertModel,BertTokenizer

#replace bert-base-uncased with the path to your saved model
t = BertTokenizer.from_pretrained('bert-base-uncased')
m = BertModel.from_pretrained('bert-base-uncased')


i = t.batch_encode_plus(['this is a sample','different sample'],padding=True,return_tensors='pt')
o = m(**i)

print(o.keys())
#shape [batch_size,768]
print(o.pooler_output.shape)
useMe = o.pooler_output

就是一个人需要做的一切。

javascript remarkjs url xaringan