木星实验室中不工作的函数display_html
木星实验室中不工作的函数display_html
提问于 2022-01-07 06:38:50
这个"R代码“在木星中运行得很好，但在实验室中却不起作用：
library(IRdisplay)
display_html(
'
<script>
code_show=true;
function code_toggle() {
if (code_show){
$(\'div.input\').hide();
} else {
$(\'div.input\').show();
}
code_show = !code_show
}
$( document ).ready(code_toggle);
</script>
<form action="javascript:code_toggle()">
<input type="submit" value="Code On/Off">
</form>
<style type="text/css">
.container { width:80% !important; }
.main-container {
max-width: 2000px;
margin-left: 100px;
margin-right: 10px;
}
/*body{font-family: Lucida Sans Unicode} */
.nav>li>a {
position: relative;
display: block;
padding: 10px 15px;
color: #004F59;
}
.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {
color: #ffffff;
background-color: #004F59;
}
.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
background-color: #004F59;
}
</style>
'
)我还尝试在其他上下文中使用display_html。这在实验室里不起作用有什么原因吗？能很容易地修好吗？谢谢。
回答 1
Stack Overflow用户
回答已采纳
发布于 2022-04-20 10:07:20
IRdisplay::display_html()在JupyterLab中运行良好，对函数的回调也是如此。笔记本v6和JupyterLab之间唯一的区别是：
默认情况下，
- jQuery在JupyterLab中不可用(因为它在2020年不再需要)，因此
$(\'div.input\').hide();的选择将无法工作--使用标准的document.querySelectorAll()，而 - CSS类是不同的，因此样式和选择器需要调整；不清楚您想要实现什么，但是对于隐藏输入区域，可以使用JupyterLab:
中的标准JS实现相同的效果。
IRdisplay::display_html('
<script type="text/javascript">
let code_show = true;
function code_toggle() {
if (code_show) {
document.querySelectorAll(".jp-Cell-inputArea").forEach(function(inputArea) {
inputArea.style.display = "none";
});
} else {
document.querySelectorAll(".jp-Cell-inputArea").forEach(function(inputArea) {
inputArea.style.display = "";
});
}
code_show = !code_show;
}
</script>
<form action="javascript:code_toggle()">
<input type="submit" value="Code On/Off">
</form>
')页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/70617446
复制相关文章
相似问题
腾讯云开发者
