我的页面中有现有的标签,并且正在寻找重新排序的方法,我使用this fiddle作为指导,但没有任何反应 - 没有错误,拖动标签时也没有可排序工作的迹象。
的jQuery
<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script type="text/javascript" src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<script type="text/javascript">
jQuery.noConflict();
jQuery(function() {
// reorder thread tabs
jQuery("#crm_nav_tab_names").sortable({
revert: true
});
});
</script>
HTML
<div id="crm_nav_tab_names" class="tab_names charlie_small">
<div id="thread_0" class="ui-state-default"><a href="#">1</a></div>
<div id="thread_1" class="ui-state-default"><a href="#">2</a></div>
<div id="thread_2" class="ui-state-default"><a href="#">3</a></div>
</div>
我的版本似乎适用于这个小提琴:http://jsfiddle.net/KbyCu/
即使是我的一些css的这个小提琴似乎也在起作用 - http://jsfiddle.net/KbyCu/2/ - 但是我的页面上什么都没有发生。
我意识到,如果它是在一个小提琴中工作而不是在实际页面中有人可能会意识到某种常见的“陷阱”,那么可以做的事情并不多。
有关该页面的更多信息,我正在使用Rub on Rails 2和Ruby 1.8.7来动态生成选项卡,但这些都不重要,因为它会生成上面的标记。