Question

我想使用与Cytoscape.js一起发布的cytoscape-panzoom插件。在我的html页面中，我已经包含了来自cytoscape-web / plugins目录的相应文件，以及jquery和jquery-ui：

<link rel="stylesheet" href="javascript/jquery.cytoscapeweb-panzoom.css" />
<script type="text/javascript" src="javascript/jquery-ui-1.8.20.custom.min.js"></script>
<script type="text/javascript" src="javascript/jquery.cytoscapeweb-panzoom.js"></script>

在css文件jquery.cytoscapeweb-panzoom.css中，我修改了注释中建议的包含ui-icons的png文件的位置（png文件是可访问的，当我在浏览器中粘贴链接时，我可以看到它们）：

.ui-cytoscapeweb-panzoom-zoom-button .ui-icon {
    /*background-image: url("../images/ui-icons_ffffff_256x240.png"); /* point to your copy of the img */
    background-image: url("http://cpdb.molgen.mpg.de/download/ui-icons_ffffff_256x240.png");
}

.ui-cytoscapeweb-panzoom-pan-button .ui-icon {
    /*background-image: url("../images/ui-icons_000000_256x240.png"); /* point to your copy of the img */
    background-image: url("http://cpdb.molgen.mpg.de/download/ui-icons_000000_256x240.png");
}

.ui-cytoscapeweb-panzoom-static .ui-cytoscapeweb-panzoom-zoom-button .ui-icon {
    /*background-image: url("../images/ui-icons_000000_256x240.png"); /* point to your copy of the img */
    background-image: url("http://cpdb.molgen.mpg.de/download/ui-icons_000000_256x240.png");
}

然而，页面加载后，panzoom控件（圆圈，滑块等）缺少其图标，如此截图中所示（资源不再存在）。有没有人知道我做错了什么？

Answer 1

如果您是从主分支构建的，则可能需要重新下载样式表。我认为你所拥有的选择器因名称改变而过时。类名在名称中不再有cytoscapeweb。

在cytoscape-panzoom插件上缺少图标

1 个答案: