0

我想使用随 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 控件（圆圈、滑块等）丢失了它们的图标，如此屏幕截图所示（资源不再存在）。有谁知道我做错了什么？

4

1 回答 1

0

如果您从 master 分支构建，您可能需要重新下载样式表。我认为自从名称更改以来，您拥有的选择器已经过时了。类名将不再包含cytoscapeweb在名称中。

于 2012-07-03T20:05:26.617 回答