html - JSSOR slider : Remove inline style from 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、th​​umbnailtemplate 等。

为了更好地理解，是否可以简单地将字母分配给 div，然后使用 jQuery 函数分配这些字母？在您的代码中哪里引用了 slides、prototype、th​​umbnailtemplate？我想了解这种技术。 您能否提供对此的链接或引用？

感谢您的帮助。

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

非常NICE 从我在演示中看到的工作。它们所有都可以在我的智能手机上自掏腰包工作，这是大多数其他 slider 无法做到的。干得好!

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

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

Answer 1

请问“div u=”是什么？

Re: slider 中有很多元素，'u' 属性是自定义属性，jssor js 库读取'u' 属性来识别元素的用法。

“u”是这里的一个类吗？这如何转化为 CSS 选择器？

Re: 'u' 不是一个类。您可以尝试 $("div[u=slides]") 在 javascript 中选择元素。您可以按如下方式添加自己的类，

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

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

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

.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 知道它是缩略图的原型(prototype)元素。

这里我可以简单地将“.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”有关？

回复:请无视