Javascript Java脚本在Internet Explorer中不工作

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

使用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: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工作很好,非常感谢。