没有 x 可编辑表元素的事件侦听器
No event listener for x-editable table elements
我有一个动态表,其中一列设置为具有可编辑的元素。呈现页面后,我可以编辑第一行中的条目,但此后其他行都没有 id: name 的事件侦听器。我不明白为什么。这是我的代码:
$(document).ready(function(){
//toggle `popup` / `inline` mode
$.fn.editable.defaults.mode = 'popup';
//make name editable
$('#name').editable();
... });
<tbody>
<?php foreach ($action_lists as $list_item) {
echo "<tr>";
echo "<td> <a href='"#'" id='"name'" data-pk='"{$list_item["ActionList"]["list_index"]}'" data-url='"/post'" data-type='"text'" data-placement='"right'" data-title='"Enter new name.'" class='"editable editable-click'">{$list_item["ActionList"]["name"]}</a></td>";
echo "</tr>";
}?>
</tbody>
$('#name') 将根据 id 查询文档,因此它将返回第一个匹配的元素,因此只需使用类名而不是 id 并使用 $(".name"),然后它将应用于所有元素
我认为不是
从 ID 调用它,而是需要使用类名调用它,相同的类可以应用于每列/行,单击每列/行单击将触发事件。之后使用"$(this)"将对您有所帮助。
尝试使用 class 而不是 id
$(document).ready(function(){ //toggle `popup` / `inline` mode $.fn.editable.defaults.mode = 'popup'; //make name editable $('.name').editable(); ... }); <tbody> <?php foreach ($action_lists as $list_item) { echo "<tr>"; echo "<td> <a href='"#'" class='"name'" data-pk='"{$list_item["ActionList"]["list_index"]}'"> data-url='"/post'" data-type='"text'" data-placement='"right'" data-title='"Enter new name.'" class='"editable editable-click'">{$list_item["ActionList"]["name"]}</a></td>"; echo "</tr>"; }?> </tbody>
这应该正常工作
相关文章:
- 如何在for循环中添加事件侦听器
- 未命中服务器发送的事件侦听器
- 如何覆盖原型中的事件侦听器
- 无法将事件侦听器附加到画布
- 如何在d3.js中自定义事件侦听器
- 在es6中,将带有回调的事件侦听器设置为可迭代的
- 事件侦听器未在chrome扩展中的options.js中启动
- IE8更改文本区域上的事件侦听器不工作
- 将事件侦听器添加到文档,而不是签入元素存在,然后添加事件侦听器
- javascript删除事件侦听器
- 我应该/如何清除mousemove JQuery事件侦听器
- 在JQuery中使用谷歌地图Api事件/侦听器
- 如何使用我的Jquery代码创建委托事件侦听器
- 'mousemove'画布中的事件侦听器-指针仅在最后一个矩形中更改
- 为什么此事件侦听器不工作
- 是否可以在数字输入框中的小按钮中添加事件侦听器
- 在Google Chrome扩展中添加事件侦听器
- SVG元素在转换后会丢失事件侦听器
- jQuery事件侦听器多次启动
- 如何在不删除类似侦听器的情况下从父对象中删除jQuery事件侦听器