在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