个人中心
文章发布
退出
作者热门文章
- Java 双重比较
- java - 比较器与 Apache BeanComparator
- Objective-C 完成 block 导致额外的方法调用？
- database - RESTful URI 是否应该公开数据库主键？
25
4
我正在使用 R 3.0.1 和 Shiny 0.7.0 创建一个带有 HTML UI 的 Shiny 网页。
关于 body 元素的 OnLoad() 事件，我似乎偶然发现了 Shiny 中的限制或错误。
因为 Shiny 没有为多个 HTML 页面准备，正如 Joe Cheng 所说 here我正在尝试使用 jQuery 而不是在必要时显示和隐藏 divs。
除如果我在 OnLoad 事件中隐藏 div 外，这工作得相当好。在那种情况下，响应式(Reactive)输入组件 似乎不再被 Shiny 检测到。
下面你可以看到一个测试用例:
Server.R
library(shiny)
shinyServer(function(input, output) {
output$caption <- renderText({input$myInput})
})
index.html
<head>
<script src="shared/jquery.js" type="text/javascript"></script>
<script src="shared/shiny.js" type="text/javascript"></script>
<script type="text/javascript" src="js/library.js"></script>
</head>
<body onload="initForm();">
<div id="dMenu">
<a href="#" onclick="showFoo();">Show foo div</a>
<br>
<a href="#" onclick="showBar();">Show bar div</a>
</div>
<!-- some random div -->
<div id="foodiv">This is the Foo div</div>
<!-- div with reactive input -->
<div id="bardiv">
This is the Bar div
<br>
<input type="text" id="myInput" class ="shiny-bound-input" name="myInput" autocomplete="off">
<div id="caption" class="shiny-text-output shiny-bound-output"></div>
</div>
</body>
library.js
function showFoo(){
$('#foodiv').show();
$('#bardiv').hide();
}
function showBar(){
$('#foodiv').hide();
$('#bardiv').show();
}
function initForm(){
/*showFoo(); */
}
如果你按原样使用这段代码，Shiny 将对 myInput 组件中的更改使用react，并将它们写入 caption 组件。另一方面，如果您注释掉 initForm() 中的代码，它将停止对您写入 myInput 的任何内容使用react。
我用 Firefox 23.0.1 对此进行了测试。
有人知道我做错了什么吗？
最佳答案
查看此 shiny mailing list温斯顿发表。
你可以写
shinyServer(function(input, output) {
output$caption <- renderText({input$myInput})
outputOptions(output, 'caption', suspendWhenHidden=FALSE)
})
确保元素在隐藏时仍然更新。
关于javascript - Shiny 的 HTML UI 受 Javascript OnLoad 限制？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/19166322/
25
4
0
所以我想隐藏一个div，所以我有我的代码 function hide(){hide div code} document.onload = hide(); 不起作用。 window.onload =
我有一个外部 js 文件，它有一个函数，该函数旨在在文档正文加载后运行。这是我到目前为止所拥有的，但它并没有像它应该的那样工作。请一些帮助。 外部JS文件 window.document.body.a
我觉得这很有趣。考虑以下代码， window.onload 和 body onload=""调用相同的函数。但是，结果不同。在我看来，window.onload 的集合有问题。这是代码:
我多次在链接上使用 Shadowbox，我知道 href 指示 Shadowbox 像这样在框中加载什么页面: 但是，我现在需要在用户进入页面时立即显示一个阴影框。不是onclick，而是onloa
我正在制作一个页眉和页脚不变的网站。单击站点时，主 div 会更改。这是代码: Item 1 ... $("#item").click(function(){$("#main").load("i
我在网页中有 2 个函数 (js) 用于将图像附加到 Canvas 元素: function attachImage(tile, x, y) { base_image = new
首先向大家问好。我是 jquery 的新手，并且在学习曲线上。 我的脚本是这样的: $(function () { $('#content').find('#nav a').on('click'
我今天遇到了一个奇怪的错误。我有一个简单的用户脚本，它添加了一个 window.onload事件到所有网站。但是其中一个网站有一个 定义。发生的事情是 window.onload像往常一样工作但是安装
今天我遇到了一个奇怪的问题: window.onload 在引用名为 onload 的函数时似乎不会触发。 我以前从未注意到这一点: 测试 1: window.onload=onload; funct
假设你想用 JS 把一个元素变成蓝色，像这样: Boy, I sure do wish I was blue 上面的行不起作用，因为 this 以该上下文中的 window 对象为目标。您可以使用 I
我的问题与此处提出的问题类似，但又略有不同，window.onload vs 那道题是用 window.onload 和内联 js 的对比。 我的问题是下面的区别。假设正文标签的 ID 为“body
window.onload事件和body标签的onload事件到底有什么区别？我什么时候使用哪个以及如何正确使用？ 最佳答案 window.onload = myOnloadFunc和 是使用同一事件
哪个得到更广泛的支持:window.onload 或 document.onload？ 最佳答案 他们什么时候开火？ window.onload 默认情况下，它会在整个页面加载时触发，包括其内容(图像
之间有什么区别: window.onload = someFunction; window.onload = someFunction(); 括号在最后。它们有什么不同吗？ 我们一般使用第一个!如果我
在 this question 的答案中，我们读到 function f() {}在本地定义名称，而 [var] f = function() {}全局定义它。这对我来说很有意义，但是这两个声明之间存
当我将索引值传递给 onLoad() 时，因此当它开始在后台运行时，它将使用索引值来索引数组。问题是，从表面上看，当 onLoad() 开始运行时，它引用的索引值始终是最后一个索引。 我尝试将每个请求
假设我有这个页面: Hello, world! test.html 包含以下内容: huge.png由于某种原因是100mb。 我无法控制 test.html，但我必须在我的页面中包含 ifram
我正在做以下工作。如果启用了 js，它基本上会通过 ?answer=1。在我添加 onload 参数之前它一直有效(因为我希望这在没有用户触发的情况下发生)。但是，添加 onload 似乎会停止(否则
我可以同时使用body onload和window.onload吗？我已经使用此代码尝试过 window.onload = alertSec; 但是没有成功。我只是需要有人向我确认一下
我可以同时使用body onload和window.onload吗？我已经使用此代码尝试过 window.onload = alertSec; 但是没有成功。我只是需要有人向我确认一下
我是一名优秀的程序员,十分优秀！