jquery - HTML 图像未在 chrome 中显示，并且 jQuery 更改在 IE 中不起作用

Question

如标题所述，我有两个问题，第一个很奇怪，另一个可能是我对 jQuery 的了解不够。

这是第一个:

我有一张图片没有在 google chrome 中显示，它可以在本地工作，可以在 firefox 和 IE 7 上在线工作，但不能在 google chrome 上工作。 这是 HTML 代码:

<div class="advert">
    <a href="#">
        <img src="img/advert.png" alt="publicité">
    </a>
</div>

当然，我还决定在 CSS 中为所有这些元素添加 float:left、显示 block 、高度和宽度。不过，Google chrome 检查器甚至不检查 HTML 标记。

第二个问题是(抱歉，如果不允许有 2 个问题，如果是的话我会创建另一个主题):

我有一个 jQuery 代码可以使用选项框更改 div 的内容，它适用于 Firefox、Chrome、IE8。但在 IE7 上不行。 这是 HTML 代码:

<div class="styled-select">
    <select id="bloc">
       <option value="france">Régions administratives</option>
       <option value="meunerie">Régions meunières</option>
    </select>
</div>
<div class="cartes-choix">
    <div class="france">
        //Image here
    </div>
    <div class="meunerie">
        //Image here
    </div>
</div>

这是 jQuery 代码:

$(document).ready(function(){
     $('#bloc').change(function(){
            $('.france').hide();
            $('.meunerie').hide();
            $('.' + $(this).val()).show();
     });
});

在此先感谢您的帮助。

Answer 1

对于第一个问题。

请检查您是否没有在 chrome 中安装任何添加拦截器扩展程序？如果您已安装，请禁用它，然后再尝试。

或者只是禁用 chrome 中的所有扩展并尝试。