Question

使用以下代码，我试图在双击时更改图像img2的src。

 tags$script("
        $('#img2').on('dblclick', function(){ alert('dbl');
this.attr('src', 'absolute path to image'); } )")

警报有效，但图像无法更改。这样做的正确方法是什么？

Answer 1

我不知道标记$ script但是你的JQuery代码看起来不错，它应该在执行时动态改变你的图像。

Answer 2

我很抱歉，我错了，我应该先看到......

你看到了你的指针＆＃39;这个＆＃39;你在Jquery代码中使用的......它应该是：

$（this）那么一切都应该没问题： - ）

Answer 3

如@ Lavigne958所建议，$(this)应该对其进行修复。

library(shiny)
shinyApp(
  ui = shinyUI(

    fluidPage(

      tags$img(id = "img2", src = "https://images.freeimages.com/images/large-previews/0d6/blue-flowers-with-macro-4-1400913.jpg"),

      tags$script("
        $('#img2').on('click', 
                      function(){
                        $(this).attr('src', 'https://images.freeimages.com/images/large-previews/4aa/blue-butterfly-1378813.jpg'); 
                      } )")
    )
  ),
  server = function(input, output, session){}
)

如何使用闪亮标签$ script点击图像动态来动态更改图像源

3 个答案: