0

我正在尝试将工具提示放置在textInput使用tippy包的右侧,但是,它不起作用:

library(shiny)
library(tippy)

shinyApp(
  ui = fluidPage(
    with_tippy(textInput("input", "input with tooltip"), "Input text", placement = "right")
 ),
 server = function(input, output) {}
)

和选项似乎也position = 'right'不起作用arrow = 'true'theme = 'light'

我想知道这是否是浏览器兼容性问题,或者我是否缺少一些 CSS 依赖项?我曾尝试在 上运行该应用程序Chrome v82.0.4068.5Firefox 73.0.1Microsoft Edge 44.18362.449.0无济于事。

4

1 回答 1

1

您的代码无法运行,因为with_tippy它不是有效的函数。

下面的代码应该正确显示工具提示的位置。 需要注意的重要一点:为清楚起见,此处tippy_this(elementId)引用了textInput(inputId)命名的THISinput

我们并没有将 实际包装在textInputtippy_this,而是用 . 来引用输入elementId

library(shiny)
library(tippy)

shinyApp(
  ui = fluidPage(
    textInput(inputId = "THISinput", "input with tooltip"),
    tippy_this(elementId = "THISinput", tooltip = "Hovertext for 'THISinput' here", placement="right")
  ),
  server = function(input, output) {}
)
于 2020-03-05T23:31:16.307 回答