1

良い一日。Zurb Foundation でAnthony Terrien のjquery Knobを使用しようとしていますが、テキスト入力が壊れているようです。スクリーンショットは次のとおりです。

http://i.imgur.com/iaPf1yj.png

ご覧のとおり、input[type="text"] はページの左下にあります。空の HTML ページで作成しようとしましたが、問題なく動作するので、問題は Foundation の実装にあると思いますが、ノブが壊れている部分がわかりません。

ここにHTML：

<div class="row">
        <div class="medium-12 column bpm">
            <div class="medium-5 medium-centered column">
                    <input type="text" value="100" class="dial">
            </div>
        </div>
    </div>

そしてJS：

$('.dial').knob({

    'min': 0,
    'max': 200,
    'angleOffset': 45,
    'fgColor': '#cc0000',
    'font': 'Raleway',
    'fontWeight': '300',
    'thickness': .1
});
4

2 に答える 2

0

さて、私は今のところ解決策を思いつきました。これが私がしたことです。foundation.css ファイルで、問題の原因である display:block を編集しました。だから私はこれを使用しました：

input[type="text"]:not(.dial){
 /* All Foundation styles go here */
}
于 2014-04-24T03:51:40.643 に答える
0

foundation.css を更新すると、時間の経過とともに更新の問題が発生します。他の誰かがこれに遭遇した場合は、適用することをお勧めします:

 style="display: inline;"

または、カスタム クラスを作成し、次のような方法でノブに適用します。

.knob-fix{
    display: inline !important; 
}
于 2016-01-04T05:34:08.620 に答える