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

时间:2015-02-26 12:22:41

标签: html css jssor

我正在尝试从缩略图导航器皮肤中删除内联样式,但我不确定如何处理这些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引用的位置在哪里?我想了解这项技术。 您能否提供链接或参考

感谢您的帮助。

顺便说一句,我看了很多滑块,最后选择了这个。我即将开始使用它和Bootstrap 3.3.2进行开发,我希望它能全部解决。

非常 NICE 从我在演示中看到的内容开始工作。他们 ALL 在我的智能手机上工作,其他大多数滑块都无法管理。做得好!

如果你不介意我说这个,我唯一要改变的是提供一个文件夹“CSS”,只包含arrow-,bullet-和thumbnail-导航器的CSS规则,包括{的内联样式{1}},span以及通常具有内联样式的所有元素。

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

1 个答案:

答案 0 :(得分:1)

什么是&#34; div u =&#34;请?

Re:滑块中有很多元素,&#39; u&#39;属性是自定义属性,jssor js library read&#39; u&#39;用于标识元素用法的属性。

是&#34;你&#34;这是一堂课? 这如何转化为CSS selektor?

回复:&#39;你&#39;不是一个阶级。您可以尝试$(&#34; div [u = slides]&#34;)来选择javascript中的元素。您可以按如下方式添加自己的类,

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

在这里我可以简单地写出#34; .p&#34;作为CSS selektor?

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

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

然后CSS selektor如何知道它与&#34; u = prototype&#34;?

有关

回复:无需考虑它。 &#39; u =原型&#39;让jssor js知道它是缩略图的原型元素。

在这里我可以简单地写出#34; .i&#34;作为CSS selektor?

回复:是的,你可以。但请使用以下格式以避免冲突。

.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 selektor如何知道它与&#34; u = thumbnailtemplate&#34;?

回复:请忽略它。