用力!是一个小巧但功能丰富的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){ // ... } }); });