首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >在HTML属性中设置JS使用的工具栏值

在HTML属性中设置JS使用的工具栏值
EN

Stack Overflow用户
提问于 2015-07-04 18:00:37
回答 2查看 3.9K关注 0票数 2

我试图使用HandleBars在属性中向Javascript函数注入值

代码语言:javascript
运行
复制
 <button onclick="myFunction({{val}})">add</button>

我测试过

代码语言:javascript
运行
复制
<a href="{{url}}">{{direction}}</a>

但第一种方法不起作用

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2015-07-04 18:26:18

不明白你所说的“不工作”是什么意思。(模板正在编译吗?它是编译的,但是标记输出与您预期的不一样吗?这是否与您所期望的一样,但js事件并没有在单击时触发?)

这似乎适用于最新版本的车把:http://jsfiddle.net/8t70qtox/2/

注意,这个函数是在全局范围内触发的,因此它必须是可以访问的,才能运行。

无论如何,最好将js和模板分开:而不是onclick处理程序内联,而是添加一个类和数据元素,指定函数需要的任何特定元素,这样事件处理程序就可以根据需要访问它。

车把:

代码语言:javascript
运行
复制
<button class="js-btn-clicker" data-val="{{val}}">add</button>

jQuery:

代码语言:javascript
运行
复制
$('body').on('click','.js-btn-clicker',function(){
    var $el = $(this);
    myFunction($el.data('val'));
});
票数 1
EN

Stack Overflow用户

发布于 2021-12-12 15:53:58

尝试像这样改变语法:把手

代码语言:javascript
运行
复制
<button onclick= 'myFunction(" {{ val }} ")'>add</button>
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/31223658

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档