jquery实现滑动条的简单验证参考:
另外还需要修复原来的 drag.js ⾥的两处 bug。
1 在 drag.js 的 dragOk(); 这句后⾯添加下⾯两句:
// 拖动成功后,将滑块置于最右侧
handler.css({'left': maxWidth});
drag_bg.css({'width': maxWidth});
这样可以保持滑块拖动成功后,滑块总是被置于最右侧。
效果:
2 如果需要⾃定义滑动条的宽度,需要在 drag.js 的
var handler = drag.find( '.handler' );
var drag_bg = drag.find( '.drag_bg' );
var text = drag.find( '.drag_text' );
这三句的后⾯添加下⾯⼏句,来修改滑动条的宽度
// 是否输⼊了滑动条的宽度参数
var newWidth = options.width;
var notHaveWidthParam = newWidth === null || newWidth === undefined;
// 根据输⼊的参数,修改滑动条的宽度
if(notHaveWidthParam !== true){
this.css({'width': newWidth});
text.css({'width': newWidth});
}
然后在页⾯的 js ⾥加上 width 参数来⾃定义滑动条的宽度
<script type="text/javascript">
$(function(){
$('#drag').drag({'width': '200px'});  // ⾃义滑动条的宽度
jquery怎么进行验证
});
</script>

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。