[英]jQuery <div> content swap script is not working with IE7 & IE8
以下線程為我提供了一個簡潔的腳本來交換div內容,該腳本由Carl Meyer編寫。
不幸的是,該腳本無法在IE7和IE8中使用,但可以在Firefox 4+和Chrome中使用。
有誰知道我需要編輯什么才能使腳本在IE7和IE8中工作?
這是我編輯過的腳本:
<script type="text/javascript" src="scripts/jquery-1.8.1.js"></script>
<script type="text/javascript">
$(document).ready(function() {
switches = $('#switches > div');
slides = $('#slides > div');
switches.each(function(idx) {
$(this).data('slide', slides.eq(idx));
}).hover(
function() {
switches.removeClass('active');
slides.removeClass('active');
$(this).addClass('active');
$(this).data('slide').addClass('active');
});
});
</script>
<style type="text/css">
#switches div.active {
display: block;
}
#slides div {
display: none;
}
#slides div.active {
display: block;
}
</style>
<div id="switches" class="float_left">
<div>switch 01</div>
<div>switch 02</div>
<div>switch 03</div>
</div>
<div id="slides" class="float_left">
<div class="active">(01) Slide content goes here</div>
<div class="">(02) Slide content goes here</div>
<div class="">(03) Slide content goes here</div>
</div>
開關和幻燈片變量未初始化,因此在Internet Explorer中中斷,請嘗試在前端添加“ var”
即
var switches = $('#switches > div');
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.