jquery - jeditable：带有“确定”和“取消”的附加按钮

Question

有没有办法可以将带有单击事件处理程序的其他按钮添加到 jeditable（jQuery 插件）？我想要做的是，当您单击某个可编辑元素并显示带有“确定”和“取消”按钮的输入元素时，我想添加另一个带有一些文本的按钮，单击它应该将用户重定向到另一个 URL .

可以做到吗？任何形式的帮助都将受到高度赞赏。非常感谢您提前付出的时间和精力。

最好的祝福。

Answer 1

我认为您可以在创建 jEditable 的跨度/输入元素后使用jQuery 的 live()方法添加一个按钮......
所以也许这样的事情会起作用......

$('.editable').live('click', function() {
    // Live handler called.
    // And here's where it gets tricky with jEditable...the jQuery selector below may be all wrong  
    $('.editable').append('<button type="submit" class="gotourl">Go to URL</button>');
});

进而

$('.gotourl').live('click', function(){
    // Place your redirect code here
}

刚刚尝试在提交设置中添加另一个按钮，并且工作正常

submit: '<button type="submit" class="ok">OK</button> <button type="submit" class="gotourl">Go To URL</button>'

所以当你点击 Go To URL 按钮时 live 方法应该触发......但是 jEditable 也会运行......所以你必须调试它让它一起工作......