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