FooTable:切换图标不见了吗？
我正在尝试使用FooTable作为独立版本。我复制/粘贴了这示例的代码，包括jQuery.js、fontawesome.css和footable js/css。
在示例页页面上，一旦隐藏了列，就会看到一个切换+图标appers。但是，在我的示例副本中，没有出现切换图标。我是不是遗漏了什么？
编辑我只是检查相同的文件，在Windows7计算机上，在不同的设备上使用Ubuntu。在这两个图标上都不会出现。
我的例子是这样的：
这是我的代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>title</title>
<link rel="stylesheet" href="style.css">
<!-- FontAwesome-->
<link rel="stylesheet" href="/resources/vendor/font-awesome/css/font-awesome.min.css">
<ling rel="stylesheet" href="css/footable.standalone.css">
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="/resources/vendor/jQUery/jquery-1.11.2.min.js"><\/script>')</script>
<script src="js/footable.min.js"></script>
</head>
<body>Check if fontawesome is loaded: <i class="fa fa-plus" aria-hidden="true"></i>
<table class="table">
<thead>
<tr>
<th data-breakpoints="xs">ID</th>
<th>First Name</th>
<th>Last Name</th>
<th data-breakpoints="xs">Job Title</th>
<th data-breakpoints="xs sm">Started On</th>
<th data-breakpoints="xs sm md" data-title="DOB">Date of Birth</th>
</tr>
</thead>
<tbody>
<tr >
<td>1</td>
<td>Dennise</td>
<td>Fuhrman</td>
<td>High School History Teacher</td>
<td>November 8th 2011</td>
<td>July 25th 1960</td>
</tr>
<tr>
<td>2</td>
<td>Elodia</td>
<td>Weisz</td>
<td>Wallpaperer Helper</td>
<td>October 15th 2010</td>
<td>March 30th 1982</td>
</tr>
<tr>
<td>3</td>
<td>Raeann</td>
<td>Haner</td>
<td>Internal Medicine Nurse Practitioner</td>
<td>November 28th 2013</td>
<td>February 26th 1966</td>
</tr>
<tr>
<td>4</td>
<td>Junie</td>
<td>Landa</td>
<td>Offbearer</td>
<td>October 31st 2010</td>
<td>March 29th 1966</td>
</tr>
<tr>
<td>5</td>
<td>Solomon</td>
<td>Bittinger</td>
<td>Roller Skater</td>
<td>December 29th 2011</td>
<td>September 22nd 1964</td>
</tr>
<tr>
<td>6</td>
<td>Bar</td>
<td>Lewis</td>
<td>Clown</td>
<td>November 12th 2012</td>
<td>August 4th 1991</td>
</tr>
<tr>
<td>7</td>
<td>Usha</td>
<td>Leak</td>
<td>Ships Electronic Warfare Officer</td>
<td>August 14th 2012</td>
<td>November 20th 1979</td>
</tr>
<tr>
<td>8</td>
<td>Lorriane</td>
<td>Cooke</td>
<td>Technical Services Librarian</td>
<td>September 21st 2010</td>
<td>April 7th 1969</td>
</tr>
</tbody>
</table>
<script>
jQuery(function($){
$('.table').footable();
});
</script>
</body>
</html>回答 3
Stack Overflow用户
发布于 2016-06-24 10:01:15
没有显示图标的原因是因为没有包含footable.min.css。这是因为我写
<ling rel="stylesheet" href="css/footable.standalone.css">
而不是
<link rel="stylesheet" href="css/footable.standalone.css">
Stack Overflow用户
发布于 2016-06-24 08:51:50
确保字体-令人敬畏的字体的路径是可用的，通常字体-awesome.css尝试在
../fonts/*.eof|woff
因此，确保此路径可从您的网页访问，或使用字体-可怕的cdn链接。
Stack Overflow用户
发布于 2017-08-15 10:04:33
字体应该在正确的路径上：../字体/象形文字..*
https://stackoverflow.com/questions/38009160
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号