更新:我和 FixedHeader 的作者谈过，看来它对我不起作用。我认为问题是我的表格在选项卡内，这导致了一些问题(请参阅我的其他更新中的屏幕截图)，他说当前版本的 FixedHeader 没有解决这些问题。我已经尝试了一些其他的固定表头的插件和方法，它们都给了我类似的问题。我怀疑这是因为我的 table 在标签内。如果有人有任何简单的解决方案，请告诉我。否则，请不要担心。我有很多其他的东西要为这个网站工作，固定的表格标题似乎占用了太多时间。
我正在尝试使用 FixedHeader对于 my website .
我下载了FixedHeader.js并将其放入 vendor/assets/javascripts .我有//= require FixedHeader在application.js .
在colleges.html.erb我设置了一类 table-fixed-header到我的两个表中的每一个，并且有<%= javascript_include_tag :application %> .在 colleges.js , 我有 var oTable = $('.table-fixed-header').dataTable();
new FixedHeader( oTable ); .
在开发环境中，当我去检查元素 > 资源(在 chrome 中)时，FixedHeader.js加载，但 colleges.js 有两个问题: 它说...
var oTable = $('.table-fixed-header').dataTable();
Uncaught TypeError: Object [object Object] has no method 'dataTable' (repeated 2 times)
new FixedHeader( oTable );
我该怎么做才能让它发挥作用？ (现在它根本不起作用。)
编辑:我只是乱搞了一点，没有成功。我试过 $.browser而不是 jQuery.browser ，但这给了我同样的“msie”错误。然后我尝试完全删除该代码，并且没有 javascript 错误，但是固定 header 并没有很好地工作( header 在我的网页顶部开始时不应该，它的大小不正确ETC。)。
更新:使用更新后的版本 ( https://github.com/DataTables/FixedHeader/blob/master/js/FixedHeader.js ) 让页眉在您点击表格链接之前出现在页面顶部(它不应该出现，也不应该在最顶部) ).此外，它的大小不正确，并且没有排序功能。请参阅这些链接:
- http://awesomescreenshot.com/00d1pe963a
- http://awesomescreenshot.com/09e1pe9581
- http://awesomescreenshot.com/0d21pe9a2b
最佳答案
您能否尝试将 javascript include 放在页面底部，就在结束符下方 ""
- 将普通的 rails 内容放在顶部
- 在页面底部添加 FixedHeader include:
<script src="/assets/FixedHeader.js" type="text/javascript"></script>
关于javascript - FixedHeader 的问题，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/18681232/