使用Jquery插件Jeditable创建表单。我一直在尝试将 charcount 插件和自定义演示页面中的自动增长结合起来:http://www.appelsiini.net/projects/jeditable/custom.html 。我对 jquery 插件不够聪明,无法弄清楚。我不确定我是否可以简单地拥有多个插件,或者我实际上是否需要找出合并代码的方法?有什么指点吗?
最佳答案
如果您查看 jedtable-charcounter (http://www.appelsiini.net/projects/jeditable/jquery.jeditable.charcounter.js) 和 jeditable-autogrow (http://www.appelsiini .net/projects/jeditable/jquery.jeditable.autogrow.js),可以看到它们基本是一样的。
我认为你可以这样组合:
$.editable.addInputType('hybrid', {
element : function(settings, original) {
var textarea = $('<textarea />');
if (settings.rows) {
textarea.attr('rows', settings.rows);
} else {
textarea.height(settings.height);
}
if (settings.cols) {
textarea.attr('cols', settings.cols);
} else {
textarea.width(settings.width);
}
$(this).append(textarea);
return(textarea);
},
plugin : function(settings, original) {
$('textarea', this).charCounter(settings.charcounter.characters, settings.charcounter);
$('textarea', this).autogrow(settings.autogrow);
}
});
确保引用这两个插件。
然后你可以像这样调用 jQuery:
$(document).ready(function() {
$(".hybrid").editable("http://www.appelsiini.net/projects/jeditable/php/save.php", {
type : "hybrid",
submit : 'OK',
tooltip : "Click to edit...",
onblur : "ignore",
charcounter : {
characters : 60
},
autogrow : {
lineHeight : 16,
minHeight : 32
}
});
关于javascript - Jeditable插件开发,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7940933/