1

カレンダーにイベントの詳細を表示するために ColorBox を使用しています。閲覧アドレスはhttp://www.idea-palette.com/greatoppseventcal/calendar6.phpです。

Firefox では、ユーザーがイベントのある日をクリックすると、ライトボックスが開き、データベースからのイベント情報が表示されます。

Internet Explorer で、ユーザーがイベントのある日をクリックすると、カレンダーが押し下げられ、カレンダーの上に大きな白い空白の領域が表示されます。空の領域をクリックすると、カレンダーが押し戻され、クリックして閉じるまでライトボックスがカレンダーの上に表示されます。

jQuery は次のとおりです。

$(document).colorbox.init();
$(".date_has_event").click(function(e) {
    var idVal = $(this).attr("idnum");
    $(".date_has_event").colorbox({open: true, initialHeight: "25%", initialWidth: "25%", width:"25%", opacity: 0.25, transition:'fade', inline:true, href:"#" + idVal + " ul"});       
});

クリックされているボタンと表示されている div のコードは次のとおりです。

echo ' class="date_has_event" idnum="'.$row2['id'].'" style="background-image: url(images/event_square.png); color: #8CC63F;">'.$day;

echo '<div class="events" id="'.$row2['id'].'">
    <ul>'.$events[$day].'</ul>
</div>';

Firefoxで完全に機能するため、どうすればよいかわかりません。誰でも私を助けることができますか？

4

1 に答える 1

2

古いバージョンの jQuery を使用しているようです。バージョン 1.3.2 にアップグレードしてみてください。ColorBoxページの例はすべて 1.3.2 を使用しており、IE で動作します。

于 2009-09-13T02:38:01.593 に答える