###前提・実現したいこと
imgタグで表示されているアイコンをクリックした後で、ポップアップされるdatepickerの表示崩れを修正したいです。
datepicker内のtable要素のcssをtable-layout:fixed;font-size:16px;に変更してあげれば修正できる事はわかりました。
そこで、アイコンからマウスアウトするたびにjqueryでcssを変更したいと思っています。
ちなみに、ポップアップするdatepickerは、アイコンをクリックするたびに、cssのdisplayをblock<=>noneにして表示、非表示を切り替えていました。
###発生している問題・エラーメッセージ
アイコン1回目のクリックでは、思惑通り働いてくれますが、それ以降、実行できなくなってしまいます。
###該当のソースコード
jquery
<script type="text/javascript"> $(function () { $("img.ui-datepicker-trigger").mouseout(function () { $("table.ui-datepicker-calendar").css("table-layout", "fixed"); $("table.ui-datepicker-calendar").css("font-size", "16px"); }); }); </script>
asp.net
<asp:TextBox ID="txtUpdateFrom" CssClass="datepicker" runat="server" Width="85px"></asp:TextBox> <img class="ui-datepicker-trigger tooltip datepickerBtn" src="/Control2/images/icon_calender.png" title="カレンダーから入力" /> ~ <asp:TextBox ID="txtUpdateTo" CssClass="datepicker" runat="server" Width="85px"></asp:TextBox> <img class="ui-datepicker-trigger tooltip datepickerBtn" src="/Control2/images/icon_calender.png" title="カレンダーから入力" width="19" height="17" />
javascript
$("img.datepickerBtn").live("click", function () { var elm = $(this).prev("input.datepicker"); elm.datepicker({ dateFormat: "yy/mm/dd", showOn: "button", buttonImage: $.Config.AppPath + "images/icon_calender.png", buttonImageOnly: true }); $(this).hide(); elm.datepicker("show"); });
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。