JSSOR 滑块：从 html 中删除内联样式

Question

我正在尝试从缩略图导航器皮肤中删除内联样式，但不确定如何处理 html。

    <!-- What is "div u=" please?
    Is "u" a class here?
    How does that translate to a CSS selektor? -->
<div u="slides" style="cursor: move;">


<!-- Here I can simply write ".p" as a CSS selektor?
    How does the CSS selektor then know it 
    has to do with "u=prototype"? -->
    <div u="prototype" class="p" style="POSITION: absolute; WIDTH: 72px; HEIGHT: 72px; TOP: 0; LEFT: 0;">


        <!-- Here I can simply write ".i" as a CSS selektor?
        How does the CSS selektor then know it 
        has to do with "u=thumbnailtemplate"? -->
        <div u="thumbnailtemplate" class="i" style="position:absolute;"></div>
        <div class="o">
        </div>
    </div>
</div>

到目前为止我从来没有遇到过一般的 div u= 或 div u=slides, prototype, thumbnailtemplate, etc。

为了更好的理解，能不能简单的给div分配字母，然后用jQuery分配这些字母函数？ slides, prototype, thumbnailtemplate 在您的代码中的哪个位置被引用？我想了解这种技术。 能否提供 link 或参考资料？

感谢您的帮助。

顺便说一句，我看了一大堆滑块，最后选择了这个。我正准备用它和 Bootstrap 3.3.2 开始开发，希望一切顺利。

非常NICE 从我在演示中看到的工作。他们 ALL 可以在我的智能手机上自掏腰包工作，这是大多数其他滑块无法做到的。做得好！

如果您不介意我这么说，我唯一要更改的是提供一个文件夹 "CSS"，其中仅包含箭头、项目符号和缩略图导航器的 CSS 规则，包括 span、div=u 的内联样式以及通常所有具有内联样式的元素。

除了那扎实的工作。谢谢！

Answer 1

请问"div u="是什么？

Re: slider中的元素太多了，'u'属性是自定义属性，jssor js库读取'u'属性来识别一个元素的用法

这里是"u"一个class吗？这如何转化为 CSS 选择器？

回复：'u' 不是 class。你可以试试 $("div[u=slides]") 到 select javascript 中的元素。您可以添加自己的class，如下所示，

<div u="slides" class="yourclassname">

在这里我可以简单地将“.p”写成CSS选择器?

回复：是的，你可以。请使用以下格式，以防止与同一页面中的其他滑块发生冲突，

.jssort07 .p {
    /* css */
}
.jssort07 .pav {
    /* css when active */
}
.jssort07 .pdn {
    /* css when mouse down */
}
.jssort07 .p:hover {
    /* css when mouse over */
}

CSS 选择器如何知道它与 "u=prototype" 有关系？

Re: 不用想了。 'u=prototype'让jssor js知道它是缩略图的原型元素。

在这里我可以简单地将“.i”写成CSS选择器?

回复：可以。但请使用以下格式以避免冲突。

.jssort07 .p .i {
    /* css */
}
.jssort07 .pav .i {
    /* css when active */
}
.jssort07 .pdn .i {
    /* css when mouse down */
}
.jssort07 .p:hover .i {
    /* css when mouse over */
}

CSS 选择器如何知道它与 "u=thumbnailtemplate" 有关系？

回复：请无视

JSSOR 滑块：从 html 中删除内联样式

JSSOR slider: Remove inline style from html

html

css

jssor