3

選択リスト要素のスタイルを設定するにはどうすればよいですか? これが今の私のコードです... 

$('.editableSelect').editable(function(value, settings) {
    if (this.revert == value) {
        this.reset();
        return;
    }
    setSaveButtonRed(this);
    setDescFromAccountCode(this, value);
    return (value);
}, {
    type: 'select',
    submit: '<button type="submit" class="checkbookButton">OK</button>',
    data: $('#accountCodesForSelect').val(),
    cssclass: 'checkbookSelect',
    //style: 'font-family: Verdana,Helvetica,Sans-Serif; font-size:0.75em; width:700px;',
    tooltip: "Click to edit...."
});

クラス checkbookSelect は次のようになります... 

.checkbookSelect
{
    font-family:Verdana,Helvetica,Sans-Serif;
    font-size:0.75em;
}

しかし、この場合、表のセル (および jEditable が起動) をクリックすると、選択リストが表示されますが、スタイルが設定されていません...

jEditable の cssclass 設定は、jEditable が作成するスパンのみを対象としており、それが作成する入力要素には適用されない可能性があると考えています...したがって、おそらく答えは、より具体的な jQuery セレクターおよび/または jQuery のライブを使用することです() メソッドを使用して選択リスト要素を選択し、その方法でスタイリングを適用しますか?

スタイル属性/設定も使用しようとしたことに注意してください...上でコメントアウトされています。

ところで、 jEditableはすばらしいスクリプトです...そして、datepicker と jEditable の設定方法についてブログに書いています...

4

3 に答える 3

3

cssclass: 'checkbookSelect'タグフォームに適用されます。

したがって、CSS.checkbookSelect selectの代わりに作業を行う必要があります。.checkbookSelect

于 2012-07-02T20:29:52.780 に答える
2

バージョン 1.7.1 の 270 行目あたりにこの行を jquery.jeditable.js に追加することで、ドロップダウンにスタイリングを設定できました...おそらく正確な行番号は関係ありませんが、そこにあるのでそこに配置しましたスクリプト作成者が settings.select をチェックします。

$('select').addClass(settings.cssclass);

セレクターも微調整できると確信しています...しかし、少なくともこれは今のところ機能します...後で締め直しますが、他の誰かが同じ質問をした場合に備えて...私がどのように動作するようになりました

セレクターをこれに改良しました...

$(form).children('select').addClass(settings.cssclass);

今でははるかにうまく機能します...

于 2010-08-18T19:59:32.857 に答える
0

これに対する別の方法は、すべての要素をwidth：100％に設定することです。選択ボックスは、コンテナーDOM内で修正されますが、オプションは正しく表示され、Firefoxでテストされ、Javascriptをまったく必要とせず、すべてのタグに影響します。ニーズに応じてスタイルを設定するための特定の要素

于 2011-11-18T09:25:35.300 に答える