如何使Jeditable使用Bootstrap按钮类进行确定/取消？

Question

我知道我可以使用像这样的css文件设置Jeditable创建的"Ok"和"Cancel"按钮:

form.editable > button {
color : #F00
}

我希望Jeditable使用现有的Bootstrap类btn btn-danger和btn btn-success.

我知道我可以将CSS从bootstrap复制并粘贴到我的自定义css文件中,但这看起来很恶心.

这样做的正确方法是什么？我没有取得太大的成功,并且阅读了可编辑的文档,但解决方案对我来说并不明显.

Answer 1

我对此感兴趣,我发现它就像这一样简单:)

$('.edit_area').editable('http://www.example.com/save.php', {
     type: 'textarea',
     cancel: '<button class="btn btn-danger" type="cancel" >Cancel</button>',
     submit: '<button class="btn btn-success" type="submit" >Ok</button>'
});

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet"/>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="//rawgit.com/tuupola/jquery_jeditable/master/jquery.jeditable.js"></script>

<div class="edit_area">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quae officiis reprehenderit tempora rerum quaerat sed totam recusandae sint doloremque perspiciatis omnis illum facilis odio perferendis quibusdam sequi ab consectetur repudiandae.</div>