如何禁用x-editable提交按钮

如何禁用x-editable提交按钮？我不希望在其他事件中永久禁用它，我需要重新启用它。以下是我的尝试。如何禁用x-editable提交按钮

$(function() { 

    $('#name').editable({ 
     type: 'text', 
     title: 'Name', 
     url: '/echo/json/', 
     pk: 123, 
     inputclass: 'autocomplete' 
    }). 
    on('shown', function(event, edit) { 
     console.log('on', this, edit) 
     $(document).find('input.autocomplete').val('') 
     .parent().next().find('button.editable-submit').css('opacity', 0.3).off('click'); 
    }); 

});

来源

2015-04-30 user1032531

你能解释userflow是如何假设去，像你想让用户点击一次，然后将其禁用 –

@MuhammadUmer我的最终目标是使用jQueryUI的自动完成与X编辑。我几乎在https://jsfiddle.net/fndnu5m0/上实现了它。如果你看到这个小提琴，你会看到我的用户流只是在用户点击自动完成项目后才激活提交按钮。谢谢！ – user1032531

更好的实现我以前的尝试，但仍然无法正常工作。 https://jsfiddle.net/fndnu5m0/3/ – user1032531

绑定一个新的点击事件所涉及的元素。要重新启用提交按钮，请移除该事件（未显示）。不知道这是否是最好的选择，并且想要评论（如果提供了良好的评论，甚至可以降价）。

https://jsfiddle.net/fndnu5m0/7/

$(function() { 

    $('#name').editable({ 
     type: 'text', 
     title: 'Name', 
     url: '/echo/json/', 
     pk: 123, 
     inputclass: 'autocomplete' 
    }). 
    on('shown', function(event, edit) { 
     console.log('on', this, edit) 
     $(document).find('input.autocomplete').val('') 
     .parent().next().find('button.editable-submit').css('opacity', 0.3) 
     .bind('click',function(){return false;}); 
    }); 

});

来源

2015-04-30 19:05:20 user1032531

如何禁用x-editable提交按钮

回答

相关问题