Question

当我只使用changeImage(newsrc);运行代码时，代码可以正常工作，但是当我将其链接到按钮时则无法运行。你知道为什么吗？

function changeImage(x) {
  $("#main").attr("src",x);
}

https://jsfiddle.net/xvdc8ado/

Answer 1

您的onclick属性使用引号不正确

<button onclick="changeImage('https://www.google.com/logos/2013/doodle_4_google_2013_-_greece_winner-1735005-hp.jpg')">Click me</button>

function changeImage(x) {
  $("#main").attr("src", x);
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<img id="main" src="http://images.forbes.com/media/lists/companies/google_416x416.jpg">
<button onclick="changeImage('https://www.google.com/logos/2013/doodle_4_google_2013_-_greece_winner-1735005-hp.jpg')">Click me</button>

注意：在jsfiddle中，因为你正在进行内联方法调用，所以应该将脚本添加到body / head（左侧面板中的第二个下拉列表），否则函数将在闭包中创建，因此在全局中不可用内联调用的工作范围

使用按钮无法更改图像

1 个答案: