1

ユーザーがオプションの配列から選択する必要があるいくつかのレポートがあり、チェックボックスを介して表示されます。このプロセスを (DRY 原理を使用して) 防水したいと考えています。次のようなことができるようにしたいと考えています。

CSS:

.invisible {
    display:none;
}

HTML:

<section id="someOptions" class="invisible"></section>

jQuery:

//some event
$('someOptions')buildSectionHTML('some caption', someArrayOfCheckBoxVals).removeClass('invisible');

...ここで、「buildSectionHTML」は、引数に基づいて適切なサイズとラベルの付いた html を生成します。IOW、"Elvin Bishop" と "[{'Travelin Shoes', 'Pigboy Crabshaw', 'Sugar Dumplin', 'Rock My Soul, 'Struttin My Stuff'}]" を渡すと、次のような HTML が生成されます。

Elvin Bishop
---------------------------------------------------------------------------------------
_| Travelin Shoes   _|Pigboy Crabshaw   _|Sugar Dumplin
_|Rock My Soul  _|Struttin My Stuff

(「_|」はチェックボックスを表しますが、上記のテキストのように乱雑に表示されるのではなく、すべて列のように整列する必要があります)。

このニーズを満たす jQuery プラグインはありますか、それとも独自の jQuery 関数を作成した方がよいでしょうか、それとももっと良い方法がありますか?

4

2 に答える 2

1

やろうとしていることの特定の性質を考えると、自分でコードを書く方がはるかに簡単です。何かのようなもの：

for (var i = 0; i < array.length; i++) {
    $('element').append('<input type="checkbox" name="'+somevar+'"/>'.textvar);
});

列で何か凝ったことをしたい場合はdiv、列幅クラスとフロート プロパティを使用して簡単にラップすることができます。(または、より複雑なもの、 boostrap のグリッド システムのようなものを探している場合)。

于 2013-07-19T19:37:46.823 に答える