人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

JQueryのDatepickerでカレンダーを導入したのですが
なんでか、下に四角いテキストエディタみたいのが表示してしまいます。
対策方法は何でしょうか?
※一度カレンダーを開くと消えます。

1330952600
●拡大する

●質問者: makocan
●カテゴリ:インターネット ウェブ制作
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● Lhankor_Mhy
●100ポイント

ご提示の画像が404エラーになってしまうようです。

これは完全に推測ですが、表示されているのは空divだと思います。
datepickerメソッドはまず、

<div id="ui-datepicker-div" class="ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all"></div>

という要素をbody要素内の最後に生成するようです。
で、これは、jquery-ui.cssによって非表示にされています。

.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; }

その後カレンダーを表示すると、インラインスタイルにて、

display: block;

となり、カレンダーを非表示にすると、インラインスタイルにて、

display: none;

となります。

そこでたとえばページのCSSで、

body#hoge > div{ display:block; }

のような指定があると、jquery-ui.cssの指定をオーバーライドして非表示になっている空div要素を表示してしまいます。
そして、その後カレンダーを表示するとインラインスタイルが優先されて適用される、つまり一度カレンダーを表示すると消えることになると思います。



一度、ご自分のCSSをご確認されると何か原因が分かるかもしれません。

関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ