用力!是一个小巧但功能丰富的jQuery slug生成器,用于从任何字符串生成可读且SEO友好的URL slug。
1.下载并导入jQuery slugIt插件。
<script src="/path/to/cdn/jquery.slim.min.js"></script> <script src="/path/to/jquery.slugit.js"></script>
2.在目标输入字段上调用插件。
<input type="text" id="input" value="I love jQueryScript"> <input type="text" class="output" readonly />
$(function(){
$('#input').slugIt({
output: '.output', // default: '#slug'
});
});
3.覆盖默认分隔符(-)。
$(function(){
$('#input').slugIt({
separator: '_',
});
});
4.覆盖默认触发事件。
$(function(){
$('#input').slugIt({
events: 'keypress keyup',
});
});
5.添加您自己的字符映射。
$(function(){
$('#input').slugIt({
map: {
'*': 'star'
}
});
});
6.回调函数。
$(function(){
$('#input').slugIt({
before: function(text){
// ...
}
after: function(slug){
// ...
}
});
});