无涯教程-jQuery - Spinner组件函数
Widget Spinner 函数可与JqueryUI中的窗口小部件一起使用。Spinner提供了一种从一组中选择一个值的快速方法。
Spinner - 语法
$( "#menu" ).selectmenu();
Spinner - 示例
以下是显示Spinner用法的简单示例-
<!doctype html> <html lang="en"><head><meta charset="utf-8"><title>jQuery UI Spinner - Default functionality</title><link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"><script src="//code.jquery.com/jquery-1.10.2.js"></script><script src="/resources/demos/external/jquery-mousewheel/jquery.mousewheel.js"></script><script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script><script>$(function() {var spinner=$( "#spinner" ).spinner();$( "#disable" ).click(function() {if ( spinner.spinner( "option", "disabled" ) ) {spinner.spinner( "enable" );} else {spinner.spinner( "disable" );}});$( "#destroy" ).click(function() {if ( spinner.spinner( "instance" ) ) {spinner.spinner( "destroy" );} else {spinner.spinner();}});$( "#getvalue" ).click(function() {alert( spinner.spinner( "value" ) );});$( "#setvalue" ).click(function() {spinner.spinner( "value", 5 );});$( "button" ).button();});</script></head><body><p><label for="spinner">Select a value:</label><input id="spinner" name="value"></p></body> </html>
这将产生以下输出-
jQuery 中的 Spinner组件函数 - 无涯教程网无涯教程网提供Widget Spinner 函数可与JqueryUI中的窗口小部件一起使用。Spinner提供了一种从一组中...
https://www.learnfk.com/jquery/widget-spinner.html