html中的数据类型

时间:2012-11-08 18:07:23

标签: jquery html5 jquery-ui css3 jquery-plugins

你能告诉我data-carouselType的含义吗?

<div class="Carousel" data-carselType="magazine">

他们使用过(在jQuery代码中):

if ($this.attr("data-carselType") === "magazine") {
                $(prevBtn).addClass("opaque");
                $(nextBtn).addClass("opaque");
                this.appendChild(prevBtn);
                this.appendChild(nextBtn);
                pagerWidth = $(prevBtn).width();
                childLength = $kids.children().length;
                $kids.css("left", pagerWidth + "px").children("div").addClass("grouping");
                childWidth = $kids.children("div").width();
                leftMagTitle = document.createElement("div");
                rightMagTitle = document.createElement("div");
                prevBtn.appendChild(leftMagTitle);
                nextBtn.appendChild(rightMagTitle);
                $kids.width(childLength * childWidth);
                $kids.children(":first-child").addClass("active");
                $kids.css("left", (pagerWidth - $this.find(".caroContainer").children("div").width()) + "px");

                forPrependingOne = $kids.children(":eq(" + (childLength - 1) + ")").clone();
                $kids.children(":eq(" + (childLength - 1) + ")").remove();
                $kids.prepend(forPrependingOne);

                $kids.click(function (e) {
                    link = $(e.target).parents(this).children("a").attr("href");
                    if ($(e.target).parents(this) && e.target.tagName !== "IMG" && e.target.tagName !== "INPUT" && e.target.tagName !== "A" && link !== undefined) {
                        e.preventDefault();
                        document.location = link;
                    }
                });

                lazyLoad();

1 个答案:

答案 0 :(得分:1)

看起来像自定义属性。 Inventor想要使用此属性注释某些HTML元素,以便可以引用它们(例如,通过您提供的代码)