我有一个项目列表，其中每一行都是一个 {{link-to}}
在此链接中，我有一个标题和一个按钮。
基本上我不想传播到{{link-to}}对其他元素的操作。
我对按钮很容易 {{action 'buttonClick' this bubbles=false}} .
但标题其实很简单<span>它有一个附加的 Jquery 插件(X 编辑)，当我点击 <span> 时触发。
它工作正常，除了 {{link-to}}每次我点击 {{span}} 时都会触发更糟的是Save和 Cancel X-editable 上的操作被 {{link-to}} 拦截
一旦我移动 <span>外面{{link-to}}元素它工作正常。
有什么想法吗？
最佳答案
一种方法是使用 jQuery 的 stopPropagation
例如$('.test-span').click(函数(e){e.stopPropagation();});
实际上只需要为 {{link-to}} 助手中包含的所有元素调用 e.stopPropagation()。例如，
$(document).on('click','#test span,#test a',function(e){e.stopPropagation();});
如果使用的插件稍后动态添加元素，我建议使用 on ( http://api.jquery.com/on ) 的委托(delegate)风格。
关于javascript - Ember.js 取消 {{link-to}} 内自定义 View 元素上的气泡，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/22352104/