jquery - 如何让 Jeditable 使用 Bootstrap 按钮类来确定/取消？

我知道我可以使用如下 css 文件设置 Jeditable 创建的“确定”和“取消”按钮的样式:

form.editable > button {
color : #F00
}

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

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

这样做的正确方法是什么？我在谷歌上搜索并没有取得多大成功并阅读了 jeditable 文档，但解决方案对我来说并不明显。

最佳答案

我只是对这个感兴趣，我发现它就这么简单:)

$('.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>

关于jquery - 如何让 Jeditable 使用 Bootstrap 按钮类来确定/取消？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/26518044/