【发布时间】:2011-07-01 08:21:55
【问题描述】:
似乎在其他所有浏览器中都可以使用,但由于某种原因,我无法在 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>
【问题讨论】:
-
你的javascript代码不完整。
-
已经更新了原始帖子,希望通过查看 JS Fiddle 可以更容易地理解我想要做什么。请注意,我没有包含整个 jquery 代码。
-
遗漏了一些 jquery,更新链接:jsfiddle.net/UneGn
标签: jquery button input internet-explorer-7 submit