Question

我复制了skin.css（.jcarousel-skin-tango）并用我的新类名（.carouselskin）替换了类名（.jcarousel-skin-tango）。之后我更改了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     
  }); 
});

Answer 1

插件使用类名jcarousel-skin-...创建外包装，其中...是皮肤的名称

因为您添加的新类名不是jcarousel-skin-...格式，所以不会创建包装器div。

尝试在jcarousel-skin-carouselskin上使用类名<ul>，您应该再次获得包装元素。

您还需要更新样式表中的所有.carouselskin选择器，以便它们定位.jcarousel-skin-carouselskin而不是.carouselskin

祝你好运！

想改变jcarousel皮肤，但现在div完全缺失了

1 个答案: