創建與jQuery複選框功能的網站,功能都與所有其他瀏覽器如Chrome,Firefox,Safari,Opera或等工作正常。但它不工作在IE所有版本。這裏是我的代碼:Java腳本無法在Internet Explorer工作
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<ul id="filters" style="list-style:none; margin-top:75px; line-height:30px; ">
<li>
<input type="checkbox" value="outdoor" id="outdoor" />
<label for="filter-category">Outdoor</label>
</li>
<li>
<input type="checkbox" value="remote_monitor" id="remote_monitor" />
<label for="filter-category">Remote Monitor</label>
</li>
<li>
<input type="checkbox" value="battery" id="battery" />
<label for="filter-category">Battery Operated</label>
</li>
</ul>
<div style="width:850px; height:148px; clear:both; margin-top:80px;">
<div class="category outdoor " style=" float:left; ">Rocco</div>
<div class="category remote_monitor camera" style="float:left;margin-top:-2px; margin-left:10px;">Borocco</div>
<div class="category battery" style="float:left; margin-top:-2px;margin-left:10px;">Sylva</div>
<div class="category battery outdoor " style="float:left; margin-top:-2px;margin-left:10px;">Novesto</div>
<script>
$('input').change (function() {
var selector = $('input:checkbox').map(function(){
return this.checked ? '.' + this.id : '';
}).get().join('');
console.log(selector);
var all = $('div[class^="category"]');
if(selector.length)
all.hide().filter(selector).show()
else all.hide();
});
</script>
任何人都可以幫忙請!
我看你加了標籤的問題'console.log' ...難道是涉及到這樣一個問題:http://stackoverflow.com/questions/7742781/why-javascript-only-works-after-opening -developer-tools-in-ie-once/7742862#7742862 – Spudley 2013-03-26 15:06:52
什麼@Spudley鏈接。除非開發工具打開,否則IE不知道「console」是什麼。 – Jack 2013-03-26 15:07:47
可能是這個可以試試嗎? '如果(typeof運算控制檯!== '未定義')的console.log(選擇)' – Jashwant 2013-03-26 15:09:07