Кажется, что работает в любом другом браузере, но по какой-то причине я не могу получить кнопку для отображения в IE7.
Вот часть HTML, CSS и JQuery:
<div class="bookit"><a>Bookable locally</a></div>
button {
margin:auto;
padding:2px 5px 3px 5px;
font-weight:bold;
}
#btnSubmit {
z-index:1000;
display:block;
width:100%;
height:100%;
position:absolute;
margin:auto;
padding:2px 5px 3px 5px;
font-weight:bold;
}
.bookit a {
display:none;
}
<script type="text/javascript">
$(document).ready(function(){
$(".bookit").appendTo($("div" + toopen + " > div > div.costs"));
$("#dp1").appendTo($("div" + toopen + " > div > div.costs > div.bookit"));
$("#txtAltDate").appendTo($("div" + toopen + " > div > div.costs > div.bookit"));
$(".ui-datepicker-trigger").appendTo($("div" + toopen + " > div > div.costs > div.bookit")).text("Book now...");
$('.costsdetails').show();
$('.bookingdetails').hide();
$(".excursionSubmitButton").hide();
return false;
});
});
</script>
<script type="text/javascript">
$('.dropdown a').click(function () {
if ($(this).attr("name") == "local") {
$(".ui-datepicker-trigger").hide();
$(".bookit").show();
} else {
$(".ui-datepicker-trigger").show();
$(".bookit").hide();
pickable = $(this).attr("name").split(",");
closedDays;
}
});
$(".datepicker").each(function() {
$(this).datepicker({
showOn: "button",
buttonText: "Book now...",
showWeek: true,
firstDay: 1,
onSelect: function(date) {
$(this).parent().find('button').text("Change date..."); // Change words on datepicker button
})
});
</script>