jquery - jQuery EasySlider、幅として % はありませんか?

Question

jQuery EasySlider を使用してカルーセルを作成しようとしていますが、div コンテナーの幅にパーセンテージで数値を指定すると、コンテナーはコンテンツの配信に失敗します。

パーセンテージを処理できないと思いますか?

Answer 1

EasySlider 1.7 では問題なく動作するはずです。プラグインの関連コードは次のとおりです。

var w = $("li", obj).width(); 

jQuery の .width() は、CSS でパーセンテージとして指定されている場合でも、値をピクセル単位で返します。パーセンテージまたはピクセルのどちらを指定しても、事実上同じです。

EasySlider のどのバージョンを使用していますか?

Answer 2

コンテナーにdivはフローティングの子がありますか? true の場合、それが div にコンテンツが表示されない理由です (フローティング要素はドキュメント フローから取り出され、したがって親要素から取り出されます。親要素は、非フローティングの子がない場合、幅 0 に折りたたまれます)。

Answer 3

この古代の数学方程式を使用します。

function getPercentage(percent, original)
{
    return ((percent/100) * original))|0;
}

必要に応じてコードをカスタマイズします。任意の数値の目的のパーセンテージを取得するだけです!.