2013-02-28 87 views
0

我有兩個問題,標題說,第一個很奇怪,另一個可能是我不知道jQuery足夠。HTML圖像不顯示在鉻,jQuery更改不工作在IE

以下是第一條:

我有沒有在谷歌瀏覽器顯示的圖像,它工作在本地,它的工作原理在線上Firefox和IE 7,但不是在谷歌瀏覽器。 下面是HTML代碼:

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

我還決定,可以肯定,對浮動添加:左,顯示塊,高度和寬度都在CSS這些元素。 Google chrome檢查員甚至不會收到HTML標籤。

問題Seconde系列是(抱歉,如果2個問題是不允許的,如果是的話,我將創建另一個主題):

我有一個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(); 
    }); 
}); 

我感謝你在你的幫助。

+0

這不是更簡單嗎? '$('。cartes-choix> div')。hide();' – 2013-02-28 10:56:10

+0

關於您的第一個問題,您可以提供一個鏈接到您的網站或在jsfiddle中重新創建問題? – 2013-02-28 10:58:06

+0

@roXon實際上工作,甚至沒有想到它,非常感謝! – user2119227 2013-02-28 11:05:36

回答

1
問題

第一個問題。

請檢查您是否在chrome中沒有安裝任何添加攔截器擴展?如果您已安裝,請先禁用它然後再嘗試。

或者只是禁用chrome中的所有擴展並嘗試。

+0

這工作,不知道adblock阻止廣告HTML明智的,我認爲它只會尋找谷歌/其他公司提供的jsscripts。我現在感覺非常愚蠢,非常感謝! – user2119227 2013-02-28 11:08:16

0

你忘了在img標籤閉幕「/」:

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

我忘記了我使用HTML5的屁股,所以沒有必要使用'/>',因爲它已經過時。另外我的html是有效的使用W3C的驗證器 – user2119227 2013-02-28 11:03:05

+0

你可以請我鏈接到您的網站或jsfiddle? – chriz 2013-02-28 11:05:47

0

您可以張貼在http://jsfiddle.net/ 你的代碼可能與圖像位或顏色方案改變那些用photoshop