javascript - 必要な CSS を含む Jquery プラグイン

Question

JQuery プラグインを作成しました。このプラグインは、カスタマイズされたビューをリストに追加します (JQuery Mobile の .listview() に似ています)。

一般的な順序付けられていないリストを作成し、プラグインを適用して動作とスタイルを追加できるという考えです。

    <ul data-role="none">
        <li>Hello</li>
        <li>Hello</li>
    </ul>

$("ul").myView();

私があまり見たことがないのは、css の大きなチャンクを追加するプラグインです。私のプラグインは、特定の css クラスが動作するために利用可能である必要があります。どこに保存すればよいですか? プラグインにスタイルシートが付属するのは一般的ですか?

score 1 · Accepted Answer

プラグインには、事前定義された CSS のセットが付属しているのが一般的です。しかし、IMO は、<head>JavaScript をロードする前にスタイルシートを自分でタグに手動で追加するのは、プラグインユーザー次第です。

score 0 · Accepted Answer

Peterが言うように、そのようなプラグインにはCSSがパッケージ化されているのが一般的ですが、ユーザーはそれを手動でリンクします。これにはいくつかの理由があります。

ユーザーはJSファイルとCSSファイルを通常とは異なる場所に保持する可能性があるため、インクルードを適切に指定するにはユーザーの介入が必要になります
CSSはロード順序に依存するため、CSSを自動的に挿入すると、ユーザーのCSSルールが上書きされたり、ソースファイルを編集せずにユーザーがプラグインCSSをオーバーライドできなくなったりする可能性があります。
多くのjQueryプラグイン、特にフォーム要素とスクロールに影響を与えるプラグインは、JavaScriptがオフになっている場合、正常に機能を低下させる必要があります。CSSがJavaScriptを介して追加された場合、プラグインの作成者は劣化をまったく制御できません。

すべてを自動的に構成することはエンドユーザーにとっては素晴らしいことですが、ほとんどの開発者は高度な制御が必要になります。

2 に答える 2