没有调用Onclick函数

Ali*_*Ali 1 javascript jquery events function

我有以下代码 http://jsfiddle.net/6xcn6gzj/,我需要使用其属性从页面中删除一个元素,所以我选择了jQuery的删除.我的问题是,一旦我点击图像,没有任何反应.我尝试从javascript本身调用该函数,它工作得很好.出于某种原因,事件并没有发生.

HTML:

<div>
    <img src="whatever" alt="test" onclick="close('test')">
</div>
Run Code Online (Sandbox Code Playgroud)

使用Javascript:

console.log('hi');
function close(template) {
    console.log(template);
    $('body').find('img[alt="'+template+'"]').remove();
}
Run Code Online (Sandbox Code Playgroud)

控制台正在记录"hi",表示javascript运行正常,但它从不记录模板名称.任何帮助表示赞赏.

Jua*_*des 8

两个问题:

  • 不要命名你的功能close,这将与之冲突window.close
  • 您的小提琴设置为在onload处理程序中加载您的代码,因此您的函数是该函数的本地函数.改变你的小提琴加载http://jsfiddle.net/6xcn6gzj/7/中的脚本<head>

function doClose(template) {
  console.log(template);
  $('body').find('img[alt="' + template + '"]').remove();
}
Run Code Online (Sandbox Code Playgroud)
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
  <img src="whatever" alt="test" onclick="doClose('test')" />
</div>
Run Code Online (Sandbox Code Playgroud)