2013-01-10 87 views
0

工作,我有這樣的代碼:jQuery UI的按鈕並不在IE 7

<script type="text/javascript" src="<?=$path?>common/_LIB/3rd/jquery/jquery-ui-1.8.16/js/jquery-1.6.2.min.js"></script> 
<script type="text/javascript" src="<?=$path?>common/_LIB/3rd/jquery/jquery-ui-1.8.16/js/jquery-ui-1.8.16.custom.min.js"></script> 
<link type="text/css" href="<?=$path?>common/_LIB/3rd/jquery/jquery-ui-1.8.16/css/ui-lightness/jquery-ui-1.8.16.custom.css" rel="stylesheet" /> 

<script> 
    $(function() { 
      $('.button,.button floatRight').button(); 
    }); 
</script> 

<a class="button floatRight" href="handset_list.php"><?=$reprint?></a> 

,一切都很好在Chrome和FF,IE 9,但在IE 8和IE 7,我看不到僅用於上述鏈接的按鈕。

+0

是什麼控制檯說,其實? – 11684

回答

2

您在jQuery選擇器中的代碼有錯誤。沒有標籤名稱叫「floatRight」。 試試這個:

$('.button').button(); 
+0

我試試這個,但它仍然不起作用 –

+0

請確保您的自定義jQuery UI版本包含Button小部件 – tborychowski

0

你大概的意思

$(function() { 
     $('.button,.button floatRight').button(); 
}); 

在標籤屬性的空間意味着有兩班。在你的情況下,你嘗試定位的按鈕有兩個類:buttonfloatRight。因此兩個點。

編輯:
我發現別的東西:$("#something").button();調用$.data了很多次的功能。根據caniuse.com IE只支持屬性上的自定義數據,因此,它可能不會像jQuery UI開發人員認爲它會在IE 7中那樣工作。對$.data的許多調用使我認爲.button()函數依賴於它(但我還沒有真正理解它,我只是快速瀏覽一下)。如果是這樣,那可能是原因。如果你真的需要IE 7的支持,我建議使用IE 7最常用的IE發佈的jQuery UI版本,儘管這可能不支持你現在使用的所有功能。我只是說讓IE 7用戶看到一個主播。錨點有什麼不好?

+0

我試試這個,但它仍然不起作用 –

+0

@PawełBrzoski請參閱我的編輯。希望能幫助到你! – 11684

1

試試下面的代碼:

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />