Javascript onclick 事件无法调用函数

标签 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: Can't find variable: showMapMarkers

如果我将相同的警报语句直接写入栏按钮项目,则警报工作正常,所以我猜这是点击范围未达到 showMapMarkers() 的问题。功能,但我不明白为什么。

有什么想法吗?

最佳答案

试试这个:

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

在我的 JSFiddle 演示中按预期工作 http://jsfiddle.net/jq5Cf/

关于Javascript onclick 事件无法调用函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23712753/

相关文章:

c - 将局部指针变量的地址返回给 main() 函数

JavaScript 函数从字符串创建结构化对象?

javascript - 单击按钮不会触发JavaScript函数

javascript - 我如何根据用户提供的过滤值显示搜索结果?

javascript - 饼图外弧边界d3(svg)

excel - 如何在 Excel 中根据多个 If 计算总和?

javascript - 按钮没有调用函数

javascript - 在 JS 中传递输入参数显示意外的输入结束

javascript - $stateProvider AngularJs 不工作

javascript - 创建 Angularjs 指令而不是 jQuery 重函数