Question

我正在研究一个闪亮的应用程序，当应用程序繁忙时，我在尝试更改光标样式时遇到问题。请在下面找到我尝试过的代码。

conditionalPanel(condition="!$('html').hasClass('shiny-busy')",
                 HTML("<style>#dashboard_complete{cursor:default;</style>")
                ),     
conditionalPanel(condition="$('html').hasClass('shiny-busy')",
                 HTML("<style>#dashboard_complete{cursor:wait;}</style>")
                )

将“dashboard_complete”作为我用于应用程序的仪表板布局的ID。

从技术上讲，我试图在这里说明的是，当光亮不忙时，它会将光标样式更改为“默认”，并在将其更改为“等待”时。由于某种原因，它一直在“等待”中产卵。有谁知道它为什么不起作用？

非常感谢，感谢您的评论。

Answer 1

似乎在第一个条件Panel调用中，你的css被破坏了。你错过了一个结束支架。正确的语法应如下所示：

conditionalPanel(condition="!$('html').hasClass('shiny-busy')",
                 HTML("<style>#dashboard_complete{cursor:default;}</style>")
), 
# ...

不确定是否能完全解决问题，但让我们看看。

Answer 2

这样对我来说很好。

tags$style(type="text/css", "
                #loadmessage {
                   cursor: wait; 
                   width: 100%;
                   height: 100%;
                   opacity: 0;
                   z-index: 105;
                }  



conditionalPanel(condition="$('html').hasClass('shiny-busy')", tags$div("waiting message...",id="loadmessage"), )

致谢

加载闪亮的应用程序时更改光标

2 个答案: