个人中心
文章发布
退出
作者热门文章
- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时，我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
25
4
编辑:对于那些甚至没有发表评论就投反对票的人来说，这真的一点帮助都没有。即使解释为什么这是一个愚蠢的问题也会更有利于学习和传播知识。
好的免责声明:我完全以错误的方式构建网站。首先，我从 Wordpress 博客复制了源代码，然后通过删除内容并查看页面发生了什么来对其进行编辑。因此，考虑到任何解释都可能必须非常初级才能让我理解。
所以我终于得到了一个我喜欢的页面。我包括了数据表中的一个表，有点像 this one .
但我还希望我的页面中的某些内容是可折叠的，也许是 like this .
所以我发现的问题是有两个 link rel="stylesheet"css 东西没有啮合。
这个使可折叠的东西起作用
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">
这个让表格工作
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.12/css/jquery.dataTables.min.css">
但是可折叠和表格一起工作，但标题的格式全乱了，无法工作。
当两个链接 rels 都存在时，这就是困惑 
这是只有表格代码存在而没有可折叠代码的情况 
有什么想法吗？我假设我有太多重叠的引用，但我不太确定这个标准/规则或如何修复它。这是我的头代码。如果需要，我可以提供更多代码。
<head>
<title>Training– Academy</title>
<link rel='stylesheet' id='screen-css-1' href='https://s1.wp.com/wp-content/themes/pub/pique/style.css?m=1465934028h' type='text/css' media='screen' />
<link rel='stylesheet' id='pique-fonts-css' href='https://fonts.googleapis.com/css?family=Lora%3A400%2C700%2C400italic%2C700italic%7CKarla%3A400%2C700%2C400italic%2C700italic&subset=latin%2Clatin-ext' type='text/css' media='all' />
<script type='text/javascript' src='https://s1.wp.com/_static/??-eJyFzksKAjEMANAL2Sn+Rl2IZ5lPpqS2TW1Si57eCroQB4VAQvISoktUGAaXR2Bta1wypNsrNZYX+hdQHk3qBBqP4Y0HCgJBntZTjw5UZkidqb16aKIZF4nFA3NFM9PPlzBcEcpfZkFiN5xVAsb719XekVHRZYOBda0NjJRFTeQcFV1wNCB15+SPy03bblfrw25vH0h6b8A='></script>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.12/css/jquery.dataTables.min.css">
<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="http://code.jquery.com/jquery-1.12.3.js"></script>
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
<script type="text/javascript" charset="utf8" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.2.min.js"></script>
<script type="text/javascript" charset="utf8" src="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/jquery.dataTables.min.js"></script>
<style>
#wrapper {
width: 100%;
height: auto;
}
#centered {
margin: 0 auto;
width: 700px;
}
#list {
margin: 0 auto;
width: 610px;
}
</style>
<script>
$(document).ready(function() {
$('#trainingtable').DataTable();
$('input.global_filter').on( 'keyup click', function () {
filterGlobal();
} );
$('input.column_filter').on( 'keyup click', function () {
filterColumn( $(this).parents('tr').attr('data-column') );
} );
} );
</script>
<script>
$(document).ready(function() {
$('#linktable').DataTable();
$('input.global_filter').on( 'keyup click', function () {
filterGlobal();
} );
$('input.column_filter').on( 'keyup click', function () {
filterColumn( $(this).parents('tr').attr('data-column') );
} );
} );
</script>
</head>
最佳答案
我不确定，但您不需要调用此 document.ready 两次。
您正在调用同时执行相同操作的相同两个函数。
试试这个:
$(document).ready(function() {
$('#linktable').DataTable();
$('#trainingtable').DataTable();
$('input.global_filter').on( 'keyup click', function () {
filterGlobal();
} );
$('input.column_filter').on( 'keyup click', function () {
filterColumn( $(this).parents('tr').attr('data-column') );
} );
} );
无论如何，这可能不是您的问题。
您应该检查浏览器中的 header ，并确保您的两个样式表不会都试图以不同的方式设置元素的样式。
这有意义吗？
关于javascript - 格式与多个链接 rel 样式表 CSS (HTML) 混淆，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/38030969/
25
4
0
我在尝试将网站图标和样式表添加到我正在尝试构建的个人网站时遇到问题。这是我目前拥有的: Super Chilun's Portfolio Hello World! favicon 部
我一直在和我的 friend 们一起从头开始建立一个论坛，只是为了好玩，我们开始看到机器人和爬虫过去了。我们遇到的问题是您可以加载包含四个回复的页面/post/1，并且每个回复都包含一个指向自身/re
在我的大部分网站中，我都有很多指向我的其他网站和其他外部网站的外部链接。我需要知道什么时候在网站中使用 rel="nofollow" 或 rel="external" 更好？ 最佳答案 您可以使用 e
下图描述了ELF可重定位目标文件的格式: 我们知道 .rel.text 和 .rel.data 部分包含链接器需要重定位以生成最终可执行文件的重定位条目。 我的问题是，为什么要区分.rel.text
我有一个带有上一个和下一个链接的页面: 如果用户按向左箭头或向右箭头，是否可以使用 Javascript 来导航这些链接？如果他们正在编辑文本并且按下向左或向右箭头，则不应激活该链接。 这将用于简
我经常看到以下模式: " target="_blank" rel="noopener noreferrer"> 但据我所知，noreferrer暗示 noopener 的影响.那么为什么是 noope
关闭。这个问题需要details or clarity .它目前不接受答案。 想改进这个问题吗？ 通过 editing this post 添加细节并澄清问题. 关闭 8 年前。 Improve
我正在尝试对网站上的分页控件执行一些 SEO。 在 Google guidelines 之后，我想添加链接 rel=next/prev 即 到 我的搜索结果页面。 不幸的是，由于 MVC3 的设计决策
我正在尝试为我的 HTML5 站点实现一个为 XHTML 1.0 文档类型编写的 JQuery 图片库，问题是我不能在 HTML5 中使用自定义“rel”属性: tag --> $(documen
正如我在搜索结果中看到的许多丰富网页摘要标记，他们使用个人(个人)Google+ 个人资料完成了这些标记。那太好了。 那么，如果我使用我的 Google+ 企业品牌个人资料，是否合法。 请查看 Goo
我有一个页面，其中内置了基于 ajax 的分页。分页用于页面中的“评论”功能。根据 Google 的网站管理员博客，具有 rel="next"和 rel="prev"值有利于 SEO。 我在头部添加了
我们的网站目前正在使用“Yoast 的 WordPress SEO” rel="next" 和 rel="prev" 在类别和存档页面上工作正常，但是在我们创建的页面模板中，rel="next" 和
我想知道是因为我想存储除通常分配给 rel 的预定义关键字之外的其他内容……我只是想知道这是否是有效的 XHTML Strict。 最佳答案 据我所知，在 DTD(可以下载 from here )中:
我们有很多与 rel 的链接属性: One Two Three Four Five 还有一个ul : Some text Some text Some text Some te
只是为了确保它可以安全地与 JQuery 一起使用脚本。 最佳答案 它是 HTML 4.01 规范的一部分，只能用作 a 和 link 标签的属性(参见 the spec )。在 a 和 link 标
我在 PHPBB 论坛上使用移动模板 HTML 文件。我在 http://validator.w3.org/ 测试了 html 是否有错误测试结果出现如下错误 第 24 行，第 66 列:{navli
我注意到浏览器根本不使用“rel”属性，这是否使其成为存储 javascript 附加信息的理想位置(例如，删除 ajax 请求可以从 rel 中读取 id) 最佳答案 我假设您正在寻找一种方法来存储
我正在尝试验证我在其中实现了 Lightbox 的页面，但 W3C 认为 rel="lightbox['gallery']"是无效代码。代码是: ...image... 错误: Bad val
我可以为 rel 属性设置多个值吗？像这样: Link .. 它是否有效且跨浏览器兼容？ 最佳答案 It's valid.不过，我不确定是否所有浏览器都支持它，但我猜是的。 rel = link-ty
我第一次尝试 rel=preload，将它用于几个样式表。这是有问题的代码: 我正在 Chrome 61 中进行测试，我可以看到样式表已按预期下载，但它们从未真正应用过，并且我在控制台上收到消息说
我是一名优秀的程序员,十分优秀！