javascript链接在单击时不起作用;该函数在页面加载时工作

javascript链接在单击时不起作用;该函数在页面加载时工作,javascript,function,random,shuffle,Javascript,Function,Random,Shuffle,这是我源代码中的链接: 您需要为单击事件提供函数回调: <p><a href="#" id="shuffle">SHUFFLE</a></p> 您需要为单击事件提供函数回调: <p><a href="#" id="shuffle">SHUFFLE</a></p> 您正在运行函数,它返回的内容将被分配给cliek。您没有为函数shuffleTop分配引用 需要 $("p a#shuffle").cl

这是我源代码中的链接:


您需要为单击事件提供函数回调:

<p><a href="#" id="shuffle">SHUFFLE</a></p>

您需要为单击事件提供函数回调:

<p><a href="#" id="shuffle">SHUFFLE</a></p>

您正在运行函数,它返回的内容将被分配给cliek。您没有为函数shuffleTop分配引用

需要

$("p a#shuffle").click(shuffleTop());
你只需要生成一次,把随机数发生器移到里面

$("p a#shuffle").click(shuffleTop);

您正在运行函数,它返回的内容将被分配给cliek。您没有为函数shuffleTop分配引用

需要

$("p a#shuffle").click(shuffleTop());
你只需要生成一次,把随机数发生器移到里面

$("p a#shuffle").click(shuffleTop);

如果您使用jQuery,那么最好使用jQuery来设置图像src

function shuffleTop(){
  randomNumber = Math.floor(Math.random() * topImages.length);
  document.getElementById("topImage").src = topImages[randomNumber];
};

我假设topImages[randomNumber]已经包含了一个相对于HTML页面的图像的url。

如果使用jQuery,还可以使用jQuery设置图像src

function shuffleTop(){
  randomNumber = Math.floor(Math.random() * topImages.length);
  document.getElementById("topImage").src = topImages[randomNumber];
};

我假设topImages[randomNumber]已经包含了一个相对于HTML页面的图像的url。

首先,如果有jQuery,为什么要使用纯js

$("#topImage").attr("src",topImages[randomNumber]);

首先,如果您有jQuery,为什么要使用纯js

$("#topImage").attr("src",topImages[randomNumber]);

它必须工作

Doy,谢谢!现在,下一个问题是它只运行一次,然后我必须重新加载页面才能再次工作。澄清一下:您分配给单击事件的内容是shuffleTop返回的内容,例如,nothing,而不是shuffleTop本身。因为随机数在外面。ohmygod man非常感谢,我已经坚持了3个小时了。Doy,非常感谢。现在,下一个问题是它只运行一次,然后我必须重新加载页面才能再次工作。澄清一下:您分配给单击事件的内容是shuffleTop返回的内容,例如,nothing,而不是shuffleTop本身。因为随机数在外部。ohmygod man非常感谢您,我已经坚持了3个小时了。