0

タイトルが示すように、私には 2 つの問題があります。最初の 1 つは非常に奇妙で、もう 1 つはおそらく私が 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、display block、height、width を追加することも決定しました。ただし、Google chrome インスペクターは HTML タグを無視することさえありません。

2番目の問題は次のとおりです（2つの質問が許可されていない場合は申し訳ありません。許可されている場合は、別の件名を作成します）：

オプションボックスを使用してdivのコンテンツを変更するjQueryコードがあります.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();
     });
});

よろしくお願いします。

4

3 に答える 3

1

最初の問題について。

Chromeに追加ブロッカー拡張機能がインストールされていないことを確認してください。インストールしている場合は、無効にしてから試してください。

または、Chromeのすべての拡張機能を無効にして、試してみてください。

于 2013-02-28T11:03:49.713 に答える
0

http://jsfiddle.net/にコードを投稿できます。 フォトショップを使用して画像ビットまたは配色を変更すると問題が発生する可能性があります。

于 2013-02-28T11:03:31.210 に答える
0

img タグの最後の「/」を忘れました:

<div class="advert">
<a href="#">
    <img src="img/advert.png" alt="publicité" />
</a>
</div>
于 2013-02-28T10:59:36.437 に答える