我复制了 skin.css (.jcarousel-skin-tango) 并将类名 (.jcarousel-skin-tango) 替换为我的新类名 (.carouselskin)。之后我更改了 css 的文件名,将其上传到服务器并添加了
<link href="./skins/tango/myskin.css" rel="stylesheet" type="text/css" />
此外,我更改了文件中的类名
<ul id="newcarousel" class="carouselskin">
现在皮肤不工作了。查看html源码发现最外面的div不见了
<div class="carouselskin">
<div style="position: relative;" class="jcarousel-clip jcarousel-clip-horizontal">
...
这里有什么问题?是因为创建了两个jcarousel吗?
jQuery(document).ready(function() {
jQuery('#mycarousel').jcarousel({
scroll: 1,
wrap: "circular"
});
jQuery(document).ready(function() {
jQuery('#newcarousel').jcarousel({
// Configuration goes here
});
});
最佳答案
插件使用类名 jcarousel-skin-...
创建外部包装器其中...是皮肤的名称
因为你添加的新类名不是jcarousel-skin-...
的格式未创建包装器 div。
尝试使用类名 jcarousel-skin-carouselskin
在你的 <ul>
你应该再次获得包装器元素。
您还需要更新所有 .carouselskin
样式表中的选择器,以便它们以 .jcarousel-skin-carouselskin
为目标不是 .carouselskin
祝你好运!
关于javascript - 想更改 jcarousel 皮肤,但现在 div 完全丢失,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8260557/