如何将FuelUX微调器附加到输入元素？
如何将FuelUX微调器附加到输入元素？
提问于 2013-09-19 04:57:59
我有一个直接取自FuelUX文档的FuelUX微调器：
<!DOCTYPE html lang="en">
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="http://fuelcdn.com/fuelux/2.3/css/fuelux.min.css" rel="stylesheet" />
<link href="http://fuelcdn.com/fuelux/2.3/css/fuelux-responsive.min.css" rel="stylesheet" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>
<script src="http://fuelcdn.com/fuelux/2.3/loader.min.js" type="text/javascript"></script>
</head>
<body class="fuelux">
<div id="MySpinner" class="spinner">
<input type="text" class="input-mini spinner-input">
<div class="spinner-buttons btn-group btn-group-vertical">
<button type="button" class="btn spinner-up">
<i class="icon-chevron-up"></i>
</button>
<button type="button" class="btn spinner-down">
<i class="icon-chevron-down"></i>
</button>
</div>
</div>
</body>
</html>但是，当微调器在chrome中渲染时，旋转按钮与输入元素分离。数值调节按钮可以正确地递增和递减输入字段中的整数。除了加载javascript之外，我还需要做什么来让旋转按钮附加到输入字段？
回答 2
Stack Overflow用户
发布于 2013-09-22 04:18:39
也许你只是错过了CSS？您可以在此处找到所需内容的详细信息：
Stack Overflow用户
发布于 2017-01-16 01:46:33
您需要将class="spinbox“添加到class="fuelux”容器内的div中。
<div class="col-lg-12 fuelux">
<div class="spinbox" data-initialize="spinbox" id="mySpinbox">
<input type="text" class="form-control input-mini spinbox-input">
<div class="spinbox-buttons btn-group btn-group-vertical">
<button type="button" class="btn btn-default spinbox-up btn-xs">
<span class="glyphicon glyphicon-chevron-up"></span><span class="sr-only">Increase</span>
</button>
<button type="button" class="btn btn-default spinbox-down btn-xs">
<span class="glyphicon glyphicon-chevron-down"></span><span class="sr-only">Decrease</span>
</button>
</div>
</div>
</div>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/18882226
复制相关文章
相似问题
腾讯云开发者
