我有一些麻烦让jquery-ui可以拖延工作.我将与您分享我的解决方案,这是最好的解决方案吗?
在开始我的实际工作之前,我只是插入它进行测试.
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.24/jquery-ui.min.js"></script>
Run Code Online (Sandbox Code Playgroud)
和
$('img').draggable();
Run Code Online (Sandbox Code Playgroud)
喜欢这里:http://jsbin.com/eqowet/2/
但是我收到了一个错误:
错误:未捕获的TypeError:无法读取未定义的属性"msie".
更新:我与FixedHeader的作者交谈,似乎它对我不起作用.我认为问题是我的表位于选项卡内部,这导致了一些问题(请参阅我的其他更新中的屏幕截图),他说当前版本的FixedHeader没有解决这些问题.我已经尝试了一些固定表头的其他插件和方法,他们都给了我类似的问题.我怀疑是因为我的桌子在一个标签内.如果有人有任何简单的解决方案,请告诉我.否则,不要担心.我有很多其他的东西要为这个网站工作,固定的表格标题似乎占用了太多时间.
我正在尝试将FixedHeader用于我的网站.
我下载了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加载时,但是有2个问题colleges.js:它说......
var oTable = $('.table-fixed-header').dataTable();
Uncaught TypeError: Object [object Object] has no method 'dataTable' (repeated 2 times)
new FixedHeader( oTable );
Run Code Online (Sandbox Code Playgroud)
我该怎么做才能让它发挥作用?(现在它根本不起作用.)
编辑:我只是搞砸了一点,没有成功.我试过$.browser而不是jQuery.browser,但这给了我同样的'msie'错误.然后我尝试完全删除该代码,并且没有javascript错误,但是固定的标题并没有真正起作用(标题在我的网页顶部开始时不应该,它的大小不正确等等.).
更新:使用更新版本(https://github.com/DataTables/FixedHeader/blob/master/js/FixedHeader.js)获取标题,以便在单击表格链接之前显示在页面顶部(它应该是还没出现,它应该不是最顶层的.此外,它的大小不正确,并且没有排序功能.请看这些链接:
- http://awesomescreenshot.com/00d1pe963a
- http://awesomescreenshot.com/09e1pe9581
- http://awesomescreenshot.com/0d21pe9a2b