Javascript Java脚本在Internet Explorer中不工作
使用jQuery为网站创建了一个复选框功能,这些功能可以与所有其他浏览器(如Chrome、Firefox、Safari、Opera等)配合使用。。但它在IE的所有版本中都不起作用。这是我的密码:Javascript Java脚本在Internet Explorer中不工作,javascript,jquery,internet-explorer,checkbox,console.log,Javascript,Jquery,Internet Explorer,Checkbox,Console.log,使用jQuery为网站创建了一个复选框功能,这些功能可以与所有其他浏览器(如Chrome、Firefox、Safari、Opera等)配合使用。。但它在IE的所有版本中都不起作用。这是我的密码: <script src="http://code.jquery.com/jquery-1.9.1.js"></script> <ul id="filters" style="list-style:none; margin-top:75px; line-height
<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>
-
户外的
-
远程监视器
-
电池供电
罗科
博罗科
西尔瓦
诺维斯托
$('input').change(函数(){
变量选择器=$('input:checkbox').map(函数(){
返回this.checked?'.+this.id:'';
}).get().join(“”);
控制台日志(选择器);
var all=$('div[class^=“category”]”);
if(选择器长度)
all.hide().filter(选择器).show()
否则全部隐藏();
});
任何人都可以帮忙 console.log()
只有在打开“开发工具”窗口后才能在IE中工作
简而言之,除非您正在积极测试,否则不要在代码中使用console.log()
。如果您正在测试,那么无论如何都会打开开发工具,因此代码可以正常工作。如果不进行测试,请删除console.log()
;这没有用
在这里可以找到更详细的答案:您的代码在internet explorer中运行良好。我相信,正如已经在评论中指出的,您没有在internet explorer中打开控制台(f12)。您需要打开开发人员工具以使console.log正常工作,否则将导致错误(javascript的执行将停止) 其中一个问题是:
console.log(selector);
我看到您已将问题标记为
console.log
。。。这可能与这个问题有关:什么与@Spudley有关。IE不知道什么是控制台
,除非开发工具是打开的。这可能是可以尝试的吗if(type of console!=“undefined”)console.log(selector)
@Jashwant Spudley链接到的问题包含到console.log的垫片。谢谢,我刚刚删除了console.log(selector);现在它在IE和所有其他浏览器中运行良好。谢谢大家,完全正确。这都是因为console.log,所以我刚刚删除了它。在IE工作很好,非常感谢。