1

サムネイルがあるとしましょう:

<div class="thumbnail">
    <img alt="" src="http://placehold.it/260x180" />
    <div class="details">
        <h5>Heading</h5>
        <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.</p>
    </div>
    <div class="btn-group">
        <a class="btn" href="#"><i class="icon-shopping-cart"></i></a>
        <a class="btn" data-toggle="collapse" data-target="?" href="#"><i class="icon-eye-open"></i></a>
        <a class="btn" href="#"><i class="icon-edit"></i></a>
    </div>
</div>

<p>属性を使用して親の段落を折りたたむ/切り替えることは可能ですか? その場合、どのように見えるべきdata-targetですか？Twitterまた、データ属性を使用するのが合理的か、それとも js APIを使用する方がよいかを尋ねたかったのですか?

4

1 に答える 1

1

data-属性と APIのどちらを使用するのが「良い」かに関しては、特定のユースケースを念頭に置いていない限り、その質問は無意味です。属性を使用しているか、API を使用しているかは関係ありませんdata-。ウィジェットの初期化および/または構成という同じことが達成されます。

属性の使用を好まず、API の使用を「好む」人もいdata-ますが、外部の観察者にとっては、実装者の好みは当てはまりません。同様に、非プログラマーはdata-属性を使用する方が「簡単」であることに気付くかもしれませんが、エンド ユーザーにとっては、デザイナーがより簡単に感じるものに違いはなく、彼らが関心を持っているのは最終結果であるウィジェットだけです。

最近、API を使用しなければならない特定のユース ケースがありました。アプリケーションのデスクトップ ビューではなく、モバイル ビューでアコーディオン (折りたたみ可能) を表示したかったのです。属性を使用しdata-てアコーディオンを初期化および構成した場合、デスクトップ ビューはこれを継承し、アコーディオンを自動的に構築しました。この場合、API を使用する方が「より良い」ものでした。これは、画面の768px幅が狭い場合にのみアコーディオンを初期化できることを意味し、デスクトップ ビューで機能を無効にするための一連のスクリプトを回避することを意味していたためです...

于 2012-10-16T12:03:03.067 に答える