テーマローラーテーマと利用可能な jquery テーマ (smoothness、ui-ligtness、ui-darkness など) でスタイルを設定したい jQuery でカレンダーコンポーネントを作成しています。さまざまな css クラス ui-widget、ui-widget-container、ui-state-XXX を使用すると、問題なく動作するものがあります。問題は、背景の位置が原因で、一部のテーマの背景が奇妙に見えることです。
サンプルはこちらにあります: http://jsfiddle.net/Ddn3t/1
ただし、テーマを変更すると、代わりにbackground-postion: bottomその値を変更する必要があるため、実際には使用できないことに注意してください。top
たとえば、この場合: http://jsfiddle.net/Uasen/2
そのため、両方のケースで背景を適切に配置する方法が必要です。
状態クラスは、クリック可能なボタンのような要素のためのものであり、実際には他のもののためのものではありません。それらが問題です。それらを削除すると、すべて正常に表示されます。おそらく、ui-widget クラスも外側の要素に追加する必要があります。すなわち。
<div style="height: 400px;" class="ui-calendar-day ui-widget ui-widget-content">
<div class="ui-calendar-day-name ui-calendar-day-header ui-widget-header ui-helper-clearfix " style="top: 0px; ">Friday</div>
<div style="display: none" class="ui-calendar-day-number ui-calendar-day-header ui-widget-header" style="top: 0px; ">7</div>
</p>
@seeテーマ API