javascript - 想更改 jcarousel 皮肤,但现在 div 完全丢失

标签 javascript jquery css jcarousel

我复制了 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/

相关文章:

javascript - 在 ReactJS 中将一个组件的引用传递给另一个组件

javascript - Angular ng-controller 与 ng-app 冲突

javascript - grunt 构建 css 编码

html - Angularjs applycss 指令

javascript - 如何使用ajax jquery将图像上传到服务器?

javascript - 在 Canvas HTML5 中查找上传图像的宽度和高度。(使用文件阅读器)

javascript - 我把我的标志放在两条线之间,我想为这两条线制作动画

jquery - 如何自动播放此幻灯片

javascript - Backbone - 在当前 View 上绑定(bind)和取消绑定(bind)事件

html - 如何为响应式网站创建带滚动条的固定背景?