Javascript onclick事件无法调用函数

时间:2014-05-17 14:59:09

标签: javascript function onclick scope

对于任何习惯使用Javascript来回答的人来说,这可能是一个非常简单的问题。基本上我在HTML / Javascript / PHP Web应用程序中有一个带有按钮的工具栏我正在处理:

<div class="segmented-control">
  <a class="control-item" onClick='showMapMarkers()'>
    <img src="customIcons/Map.png" width="15" height="20" >
  </a>
</div>

...并且您将看到onClick事件调用函数showMapMarkers(),该函数现在没有实现,我只是使用它:

function showMapMarkers(){
    alert("show map markers");
}

但是我收到了这个错误:

  

ReferenceError:无法找到变量:showMapMarkers

如果我将相同的警告声明直接写入条形按钮项目,那么警报就可以正常工作,因此我认为这是一个问题,即点击范围未达到showMapMarkers()功能,但我可以&#39;明白为什么。

有什么想法吗?

2 个答案:

答案 0 :(得分:3)

试试这个:

showMapMarkers = function(){
    alert("show map markers");
}

在我的JSFiddle演示http://jsfiddle.net/jq5Cf/

中按预期工作

答案 1 :(得分:0)

这确实是函数范围和onClick事件的问题。

在看到确认实际代码正常工作后,我尝试将函数移动到与按钮相同的div中,并且可以调用该函数。