2011-09-15 37 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/

我建议使用某种类型的类别转换的,如在注释中提到。

相关问题