代碼不能在IE瀏覽器中隱藏和取消隱藏Div

我不是很好的JS asn我使用的代碼是一個同事爲我放在一起，它在Chrome中正常工作，但在IE中播放不好。代碼不能在IE瀏覽器中隱藏和取消隱藏Div

的代碼，讓我有我可以點擊顯示隱藏的div，當我點擊列表中的另一個鏈接它隱藏最後一個div列表，並取消隱藏最後點擊等

這裏我的JS

function hideClass(id){ 
    $('.objections').addClass('hide'); 
    $('#'+id+'_container').removeClass('hide'); 

}

，我有這在我的HTML

onclick="hideClass(this.id)"

反正是有改變這種爲它工作在IE？

正如我所說的，我不擅長JS只有HTML CSS，所以我不知道從哪裏開始

來源

2015-04-22 SaturnsEye

我想既然你，你應該在這個問題上標記的jQuery正在使用jQuery。 – NewToJS

@NewToJS謝謝，更新 – SaturnsEye

你使用的是什麼版本的jQuery和什麼版本的IE？ – jfriend00

沒有看到你的代碼很難確切地知道什麼是失敗的。我猜你可能在做什麼，並提出了這個基本代碼，這對我來說在IE中工作。但是，IE最初阻止了腳本，我不得不點擊以允許。所以注意這一點。

function hideClass(id) { 
 
    $('.objections').addClass('hide'); 
 
    $('#' + id + '_container').removeClass('hide'); 
 
}

.hide { 
 
    opacity: 0; 
 
}

<!DOCTYPE html> 
 
<html> 
 

 
<head> 
 
    <meta charset="UTF-8"> 
 
    <title>Test</title> 
 

 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> 
 
</head> 
 

 
<body> 
 
    <div id="myID" class="objections" onclick="hideClass(this.id)"> 
 
    <h1>I OBJECT!</h1> 
 
    </div> 
 
    <div id="myID_container" class="hide"> 
 
    <h1>Can you see me now?</h1> 
 
    </div> 
 
</body> 
 

 
</html>

既然你雖然使用jQuery，這個代碼是有點清潔：

function hideClass(div) { 
 
    $(div).hide(); 
 
    $('#' + div.id + '_container').show(); 
 
}

<!DOCTYPE html> 
 
<html> 
 

 
<head> 
 
    <meta charset="UTF-8"> 
 
    <title>Test</title> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> 
 
</head> 
 

 
<body> 
 
    <div id="myID" class="objections" onclick="hideClass(this)"> 
 
    <h1>I OBJECT!</h1> 
 
    </div> 
 
    <div id="myID_container" style="display:none"> 
 
    <h1>Can you see me now?</h1> 
 
    </div> 
 
</body> 
 

 
</html>

來源

2015-04-22 16:48:45 Justin

代碼不能在IE瀏覽器中隱藏和取消隱藏Div

回答

相關問題