2

selectmenu jqueryui プラグインを自分のページに追加しようとしています。ui フォルダーからhttps://github.com/fnagel/jquery-uiファイルをコピーしました。jquery.ui.selectmenu.js次に、私のページからこの JavaScript へのリンクを含めました。jquery と jqueryui を新しくインストールしましたが、他の機能は問題ありませんが$('select').selectmenu();、ページに a を追加すると、ひどい混乱が発生します。選択を置き換える代わりに、すべての新しい選択メニューがページの下部に追加されます。

私が見逃したステップはありますか?

以下は、私がリンクしたファイルを表示しているページの html です。私の理解では、custom.css ファイルと custom.min.js ファイルには、必要なすべてのスクリプトとスタイルシートが含まれている必要があります。これは間違っていますか?

<link href="/stylesheets/jquery-ui-1.8.6.custom.css?1289473366" media="screen" rel="stylesheet" type="text/css" />
<script src="/javascripts/jquery-1.4.2.min.js?1288662624" type="text/javascript"></script>
<script src="/javascripts/jquery-ui-1.8.6.custom.min.js?1289401432" type="text/javascript"></script>
<script src="/javascripts/jquery.ui.selectmenu.js?1289469657" type="text/javascript"></script>

ページにある日付ピッカー アイテムが、適切な CSS が適用された状態で表示されます。

4

3 に答える 3

2

私が見るところ、selectmenu の fork jQuery UI バージョンを使用しており、@brad が最初に気付いたように、期待される結果を得るには適切なスタイルが必要です。

追加のみ

jquery-ui-1.8.6.custom.css

参照は特定の selectmenu 要件を解決しないため、selectmenu 要素の適切なスタイル設定ルールを含む別の css 参照を追加する必要があります。

于 2010-11-11T11:54:17.197 に答える
1

jquery.ui.selectmenu.jsファイルに小さな問題があります。

selectの要素の後に挿入されるのではなく、本文の最後に1つのdivが追加されます。したがって、選択が1つしかない場合は、正常に機能します。複数の選択を追加する場合は、プラグインを次の場所から変更する必要があります。

...
this.listWrap = $( "<div />", {
        'class': self.widgetBaseClass + '-menu'
    }).append( this.list ).appendTo( o.appendTo );
...

に:

...
this.listWrap = $( "<div />", {
        'class': self.widgetBaseClass + '-menu'
    }).append( this.list ).insertAfter( this.element );
....
于 2012-07-27T14:12:55.127 に答える
1

selectmenu() がエラーを引き起こさないという事実は、プラグインが正しくロードされていることを示しています。めちゃくちゃな表示は、css ファイルが見つからないことが原因である可能性があります。テーマ フォルダーまたは jquery ui から必要なすべての css ファイルを含めましたか?

于 2010-11-11T10:46:08.643 に答える