在Firefox的jQuery工作正常，但不是在铬？

Question

我有一个问题，请帮助我。

我创建两个字段类别和子类别的基础上，在类别字段用户选择选项，在子类别更改为此选项写这样的代码。

此代码在Firefox工作正常，但在Chrome中，它不工作，我不知道在哪里，为什么它的发生。

$("#world").click(function(){ 
 
    $("#sub_article").html('<option value="">Select</option><option value="">Us</option><option value="">Chaina</option><option value="">Uk</option><option value="">Pakistan</option><option value="">Others</option>'); 
 
    $('#type_novel').html(''); 
 
}); 
 
$("#buss").click(function(){ 
 
    $("#sub_article").html('<option value="">Select</option><option value="">Indian business</option><option value="">International business</option><option value="">Markets</option><option value="">Shares</option><option value="">Others</option>'); 
 
    $('#type_novel').html(''); 
 
}); 
 
$("#tech").click(function(){ 
 
    $("#sub_article").html('<option value="">Select</option><option value="">Social</option><option value="">IT services</option><option value="">Mobiles & gadgets</option><option value="">Jobs</option><option value="">Others</option>'); 
 
    $('#type_novel').html(''); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<label> 
 
    <span>Category :</span><select name="cat_article" id="cat_article"> 
 
    <option value="">Select</option> 
 
    <option id="world" value="Job Inquiry">World news</option> 
 
    <option id="buss" value="Job Inquiry">Business</option> 
 
    <option id="tech" value="Job Inquiry">Technology</option> 
 
    </select> 
 
</label> 
 
<label> 
 
    <span>Sub category :</span><select name="sub_article" id="sub_article"> 
 
    <option value="">Select</option> 
 
    </select> 
 
</label>

Answer 1

的<option>标签是不是真的应该支持onclick事件（.click jQuery中）这就是为什么你看到它在某些浏览器而不是其他的工作。

相反，在你<option>标签设置为value属性一些有意义的值，然后添加一个.change处理程序的<select>标签。

例如：

$('#cat_article').change(function(){ 
     switch($(this).val()){ 
      case 'world': 
       $("#sub_article").html('<option value="">Select</option><option value="">Us</option><option value="">Chaina</option><option value="">Uk</option><option value="">Pakistan</option><option value="">Others</option>'); 
       $('#type_novel').html(''); 
       break; 
      case 'buss': 
       $("#sub_article").html('<option value="">Select</option><option value="">Indian business</option><option value="">International business</option><option value="">Markets</option><option value="">Shares</option><option value="">Others</option>'); 
       $('#type_novel').html(''); 
       break; 
      case 'tech': 
       $("#sub_article").html('<option value="">Select</option><option value="">Social</option><option value="">IT services</option><option value="">Mobiles & gadgets</option><option value="">Jobs</option><option value="">Others</option>'); 
       $('#type_novel').html(''); 
       break; 
     } 
    }); 

HTML：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
<label> 
    <span>Category :</span><select name="cat_article" id="cat_article"> 
    <option value="">Select</option> 
    <option value="world">World news</option> 
    <option value="buss">Business</option> 
    <option value="tech">Technology</option> 
    </select> 
</label> 
<label> 
    <span>Sub category :</span><select name="sub_article" id="sub_article"> 
    <option value="">Select</option> 
    </select> 
</label> 

Answer 2

您使用了Chrome浏览器正在产生一些错误。打F12和开拓Chrome的控制台，你会看到3个错误

无法加载资源：净:: ERR_BLOCKED_BY_CLIENT http://static.adzerk.net/Extensions/adFeedback.js

无法加载资源：净:: ERR_BLOCKED_BY_CLIENT http://static.adzerk.net/Extensions/adFeedback.css

无法加载资源：净:: ERR_BLOCKED_BY_CLIENT http://engine.adzerk.net/i.gif?e=eyJhdiI6NDE0LCJhdCI6NSwiYnQiOjAsImNtIjo5MjEsImNoIjoxMTc4LCJjayI6e30sImNyIjoyNjg4LCJkaSI6IjYxYTM2ZWM5ZDBiZDQ4NjdiMmZkZWQ3MmI1OTA3Mzg1IiwiZG0iOjEsImZjIjoyNDg1LCJmbCI6MjY2MywiaXAiOiIyNC4xNC44NC43NSIsImt3IjoianF1ZXJ5LHgtdXNlci1yZWdpc3RlcmVkLHgtMjAwcGx1cy1yZXAiLCJudyI6MjIsInBjIjowLCJlYyI6MCwicHIiOjYxNzM3LCJydCI6MSwicmYiOiJodHRwOi8vc3RhY2tvdmVyZmxvdy5jb20vIiwic3QiOjgyNzcsInVrIjoidWUxLTgzNTVhMzk1ZDJkYjRiZjE4MzlkYTcwMzk3ODU1ZDcyIiwiem4iOjQ1LCJ0cyI6MTQ2NTI3NjU1Nzk2MCwiYmYiOnRydWUsInBuIjoiYWR6ZXJrMTExMzQ3MTU0NiIsImZxIjowfQ&s=myHyTjnpAWqzwqAn7qRey9LzIe4

这会给你一个开始发生了什么事情。你可能会去这个链接，这可能会揭示一些情况。

Failed to load resource under Chrome