javascript - select jquery onChange 不适用于 X-editable

标签 javascript jquery twitter-bootstrap jsfiddle x-editable

this fiddle ,我正在使用 X-editable 。 在相应的 fiddle 中,我无法使以下代码正常工作:

$('#practice').on('change', function() {
  alert(this.value);
});

我哪里出错了?

最佳答案

如果您在可编辑处于事件状态时检查 DOM(即 select 可见),您将看到 select实际上并不是 #practice 的子项span - 它位于 sibling 中 span命名.editable-container 。这就是为什么您在 #practice 上委托(delegate)事件处理程序的原因不工作。

话虽如此,如果您阅读 X-Editable documentation您可以 Hook 一个事件来直接实现此目的,而无需附加自己的事件 - save .

试试这个:

$('#practice').on('save', function(e, params) {
    alert(params.newValue);
});

Updated fiddle

关于javascript - select jquery onChange 不适用于 X-editable,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38462419/

相关文章:

twitter-bootstrap - jspm 如何确定从 Github 下载什么

html - 如何在 Bootstrap 轮播中显示指标

asp.net - 一个 IIS 服务器中的 JavaScript 问题,但不是另一个

html - 具有全 Angular 功能的 Twitter Bootstrap

Javascript 没有给出正确的整数输出 -- Project Euler 20

javascript - 后退按钮不适用于 JQuery 更改功能

jquery - 悬停时 li 元素上的嵌套 css 样式

php - 使用户能够收藏帖子

javascript - 在 Laravel PHP 中集成 Angular 应用程序 - 未处理的异常

javascript - VueJS、LoDash 反跳监视整个表单