2011-09-15 65 views
3

我正在使用jQuery來簡單地切換<div>。我將項目設置爲切換顯示:inline;在我的CSS中,所以它不顯示,當項目被切換時,我在我的Chrome的Inspector中看到項目被設置爲顯示:block;是否有可能將jQuery默認值從display:block更改爲display:inline-block切換時?

是否有可能使此設置顯示:inline-block改爲?如果這還不夠清楚,我會向您提供我的代碼......我現在只是沒有碰到它。

+3

您可以改爲使用類切換器在兩個類之間切換,一個是顯示內聯,另一個是內嵌塊。 – Kyle

+1

不能同意:) – simoncereska

+1

是的,toggleClass是一個更好的選擇。 – fengd

回答

5

可以。但這不是一個特別好的主意。它涉及到jQuery的內部_data方法,並覆蓋瀏覽器的默認顯示屬性。

代碼:

$(function() { 
    $(".toggler").click(function() { 
     var dom = $(".showhide"); 
     jQuery._data(dom[0],"olddisplay","inline-block"); 
     dom.toggle(); 
    }); 
}); 

實施例:http://jsfiddle.net/bstakes/2ncW5/

我建議使用某種類型的類別轉換的,如在註釋中提到。

相關問題