1

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>

ただし、スピナーがクロムでレンダリングされる場合、スピン ボタンは入力要素から切り離されます。スピン ボタンは、入力フィールドの整数を適切にインクリメントおよびデクリメントします。javascript をロードする以外に、スピン ボタンを入力フィールドにアタッチするために必要なことはありますか?

4

2 に答える 2

0

たぶん、CSSが不足しているだけですか？ここで必要なものすべての詳細を見つけることができます:

https://github.com/ExactTarget/fuelux/wiki/Using-Fuel-UX

于 2013-09-21T20:18:38.753 に答える