jquery - 是否可以从显示 :block to display: inline-block when toggleing? 更改 jQuery 默认值

Question

我正在使用 jQuery 来简单地切换 <div> .我将要切换的元素设置为显示:内联；在我的 CSS 中，所以它不显示，当切换元素时，我在 Chrome 的检查器中看到该元素设置为显示: block ；

是否可以将此设置为 display: inline-block？如果这还不够清楚，我会为您提供我的代码……我只是碰巧现在没有它。

Answer 1

你可以。但这不是一个特别好的主意。它涉及利用 jQuery 的内部 _data 方法，并覆盖浏览器确定的默认显示属性。

代码:

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

示例:http://jsfiddle.net/bstakes/2ncW5/

我建议使用某种类型的类切换，如评论中所述。