我的页面中有现有的选项卡,并且正在寻找一种重新排序它们的方法,我使用这个小提琴作为指导,但没有任何反应 - 拖动选项卡时没有错误并且没有可排序工作的迹象。
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/ - 但是我的页面上没有任何事情发生。
我意识到如果它在小提琴中而不是在实际页面中工作,那么可以做的事情并不多,有人可能会意识到某种常见的“陷阱”。
有关该页面的更多信息,我正在使用带有 Ruby 1.8.7 的 Rub on Rails 2 来动态生成选项卡,但这些都不重要,因为它正在生成上面的标记。