jQueryは、制限付きのリストアイテムにクラスをランダムに追加します

ベンH

正常に機能しているコードがあります。クラスが追加されないかwide、リスト内のアイテムにクラスをアドバタイズします。

ワイドのクラスを持つことができるリストアイテムの数を制限するための解決策を見つけようとしています。

私はこれをより石積みの壁を使用しており、壁内の幅の広いアイテムの数を制限したいと思います。

私の現在のコードは以下のとおりですが、これを制限する方法はありますか?

// Random masonry item class on homepage
jQuery(document).ready(function(){
    var classes = [" ", "wide"];

    jQuery(".mix-target").each(function(){
        jQuery(this).addClass(classes[~~(Math.random()*classes.length)]);
    });
});
ポタトピーリング

このようなもの?

jQuery(document).ready(function(){
    var classes = [" ", "wide"];

    var limit = 3;
    jQuery(".mix-target").each(function(){
        if (limit == 0)
            return false;

        var index = ~~(Math.random()*classes.length);
        if (index == 1)
             limit--;

        jQuery(this).addClass(classes[index]);
    });
});

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

空のアイテムを制限付きコンボボックスに追加します

分類Dev

jQuery –同じクラスの1つおきのアイテムにクラスを追加し、中断された場合はリセットします

分類Dev

初期リストのランダムなインデックスでリストにアイテムを追加します

分類Dev

jQueryの最後を除くリストアイテムにcssクラスを追加します

分類Dev

クラスをクリックするとjQueryがランダムリストアイテムに追加されます

分類Dev

numpyはリスト内のアイテムをランダムに不可逆的に変更します

分類Dev

MVC 5ASPのクライアント側で選択リストにアイテムを追加します

分類Dev

線形レイアウト、2つのアイテム、2番目のアイテムを右に揃えます。インタラクションボックスをそのサイズに制限する-動的な空白スペースを追加する方法

分類Dev

リストアイテムをランダムにクリックしたいのですが、クリックできません

分類Dev

Pythonを使用して、リスト内のアイテムをランダムにペアリングします

分類Dev

jQueryスライスの後にリストアイテムを再追加し、削除します

分類Dev

リストからアイテムをランダムに選択します

分類Dev

リストビューアイテムからTextviewにランダムデータを追加します

分類Dev

生成されたリストのリストアイテムにクラスを追加します

分類Dev

リストからランダムな数のアイテムを選択し、それらを別のリストに追加します(Swift)

分類Dev

ジャクソンは単一のアイテムをリストにデシリアライズします

分類Dev

Pythonはどのようにして100,000アイテムのリストをランダムにシャッフルできますか?

分類Dev

jQueryを使用して、特定のクラスを持つ順序付きリストアイテムをリストの一番上に移動する方法

分類Dev

リストから値をランダムに選択しますが、文字長の制限があります

分類Dev

パンダ列のリストに文字列アイテムを追加します

分類Dev

リストからランダムにアイテムを選択し、置き換えずに別のリストに追加したい

分類Dev

アイコンとチェックボックス付きのToolStripControlHost。どのようにアイテムをハイライトしますか?アイコンフィールドにアイコンを追加しますか?

分類Dev

アイコンとチェックボックス付きのToolStripControlHost。どのようにアイテムをハイライトしますか?アイコンフィールドにアイコンを追加しますか?

分類Dev

Netsuite Suitelet:ガバナンスの制限に達することなく、トランザクションラインアイテムのリストを反復処理してレコードをロードおよび送信します

分類Dev

ボタン付きのアイテムのIDをアイテムのリストからモーダルに渡し、次にモーダルからコントローラーに渡す方法は?

分類Dev

リストアイテムをランダムに表示する

分類Dev

配列リスト内のアイテムの順序をランダムに変更します

分類Dev

guzzleを使用して、タイムアウト制限付きの同時リクエストを送信するにはどうすればよいですか?

分類Dev

guzzleを使用して、タイムアウト制限付きの同時リクエストを送信するにはどうすればよいですか?

Related 関連記事

  1. 1

    空のアイテムを制限付きコンボボックスに追加します

  2. 2

    jQuery –同じクラスの1つおきのアイテムにクラスを追加し、中断された場合はリセットします

  3. 3

    初期リストのランダムなインデックスでリストにアイテムを追加します

  4. 4

    jQueryの最後を除くリストアイテムにcssクラスを追加します

  5. 5

    クラスをクリックするとjQueryがランダムリストアイテムに追加されます

  6. 6

    numpyはリスト内のアイテムをランダムに不可逆的に変更します

  7. 7

    MVC 5ASPのクライアント側で選択リストにアイテムを追加します

  8. 8

    線形レイアウト、2つのアイテム、2番目のアイテムを右に揃えます。インタラクションボックスをそのサイズに制限する-動的な空白スペースを追加する方法

  9. 9

    リストアイテムをランダムにクリックしたいのですが、クリックできません

  10. 10

    Pythonを使用して、リスト内のアイテムをランダムにペアリングします

  11. 11

    jQueryスライスの後にリストアイテムを再追加し、削除します

  12. 12

    リストからアイテムをランダムに選択します

  13. 13

    リストビューアイテムからTextviewにランダムデータを追加します

  14. 14

    生成されたリストのリストアイテムにクラスを追加します

  15. 15

    リストからランダムな数のアイテムを選択し、それらを別のリストに追加します(Swift)

  16. 16

    ジャクソンは単一のアイテムをリストにデシリアライズします

  17. 17

    Pythonはどのようにして100,000アイテムのリストをランダムにシャッフルできますか?

  18. 18

    jQueryを使用して、特定のクラスを持つ順序付きリストアイテムをリストの一番上に移動する方法

  19. 19

    リストから値をランダムに選択しますが、文字長の制限があります

  20. 20

    パンダ列のリストに文字列アイテムを追加します

  21. 21

    リストからランダムにアイテムを選択し、置き換えずに別のリストに追加したい

  22. 22

    アイコンとチェックボックス付きのToolStripControlHost。どのようにアイテムをハイライトしますか?アイコンフィールドにアイコンを追加しますか?

  23. 23

    アイコンとチェックボックス付きのToolStripControlHost。どのようにアイテムをハイライトしますか?アイコンフィールドにアイコンを追加しますか?

  24. 24

    Netsuite Suitelet:ガバナンスの制限に達することなく、トランザクションラインアイテムのリストを反復処理してレコードをロードおよび送信します

  25. 25

    ボタン付きのアイテムのIDをアイテムのリストからモーダルに渡し、次にモーダルからコントローラーに渡す方法は?

  26. 26

    リストアイテムをランダムに表示する

  27. 27

    配列リスト内のアイテムの順序をランダムに変更します

  28. 28

    guzzleを使用して、タイムアウト制限付きの同時リクエストを送信するにはどうすればよいですか?

  29. 29

    guzzleを使用して、タイムアウト制限付きの同時リクエストを送信するにはどうすればよいですか?

ホットタグ

アーカイブ