javascript - jQuery wrap 打破 CSS 伪元素

Question

好吧，对于我正在处理的网站，我正在创建这些图像堆。我想拥有这样我就可以捕获 <img>然后用 div 包裹它，并让我设置的 css 处理它的样式以赋予它图像堆效果。

这里是一个链接 fiddle .这是代码的主要部分。

(function ($){
    $.fn.ImagePile = function (options) {
        var settings = $.extend({
            pileType: "neat"
        }, options);
        //get pileType from settings
        var pileType = settings.pileType;

        switch(pileType){
            case "neat":
                return this.wrap("<div class='stack neat'></div>");
                break;
        }
    };
})(jQuery);


$("#image1").ImagePile();

忘了说问题是 :after元素没有出现在它应该出现的地方。

Answer 1

如果你没有为绝对定位的元素设置 left 或 right 属性，那么它默认为 auto 这对:before 元素但显然不是 :after 元素。

只需尝试在您的 CSS 中为 :before 和 :after 设置一个 left 或 right 属性。

fiddle :http://jsfiddle.net/39HKr/6/