javascript - 重新调整 Jeditable jQuery 插件的用途以使用按钮而不是文本单击?

标签 javascript jquery button jeditable

我正在尝试稍微改变 Jeditable plugin 的功能使用按钮进行控制,而不是单击文本。我有我正在处理的部分的精简版本 here .

现在,我正在使用“编辑”按钮触发文本单击事件,单击“编辑”按钮后将其隐藏,然后在单击“提交”按钮后使其重新出现。这是我的用于按钮单击的 jQuery:

$('.jeditable-activate').click(function() {
    $(this).prev().click();
    $(this).addClass('hidden');
});

以下是我传递给 Jeditible 函数的参数:

onedit : function() {
    $(this).siblings('.jeditable-activate').addClass('hidden');
},
onsubmit : function() {
    $(".jeditable-activate.hidden").removeClass('hidden');
}

我想禁用单击文本进行编辑的默认功能,但我想不出一种方法可以在不破坏 Edit 按钮功能的情况下实现此目的。

最佳答案

自二月份以来,您可能已经找到了一种方法,但这可能对其他人有帮助。我使用自定义 jQuery 事件做了同样的事情:

$('.edit').editable('http://www.example.com/save.php', {
     id        : 'elementid',
     name      : 'newvalue',
[...]
     event     : 'whateverEvent'
});

$('.jeditable-activate').click(function() {
    $(this).prev().trigger('whateverEvent');
});

关于javascript - 重新调整 Jeditable jQuery 插件的用途以使用按钮而不是文本单击?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9267386/

相关文章:

android - stroke 属性不适用于 android studio 中的按钮

javascript - this 运算符用于嵌套函数

javascript - 什么是 jQuery $.fly 插件?

javascript - jQuery 没有在所有浏览器中被调用

android - ClassCastException:android.widget.Button

qt - 如何使用 QGroupBox 代替 QButtonGroup

javascript - 如何在javascript中的数组内使用 "this"关键字?

javascript - Polymer v1.0 - 数据绑定(bind)更改未传播

javascript - JS 变量作用域

jquery - Ajax提交表单安全吗?