如何合并Jquery UI可排序代码
How to incorporate Jquery UI sortable code?
我正在尝试将Jquery UI sortable合并到下面的无序列表中。当我点击下面表格中的按钮时,它会将文本插入#companyAssement_set1,然后提交表格。
当我尝试为可排序部分包含javascript时,什么都不起作用(现有的jquery代码+可排序功能(。代码在这里:
$(document).ready(function(){
$('#menu-pages').sortable();
});
其余代码:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.3/jquery-ui.min.js"></script>
<script src="http://twitter.github.io/bootstrap/assets/js/jquery.js"></script>
<script src="http://twitter.github.io/bootstrap/assets/js/bootstrap-tab.js"></script>
<script>
jQuery(function () {
$('#test').click(function (e) {
e.preventDefault();
alert('test');
data = 'Benefits,Predictable hours,Up or out,Job for life,Great corporate strategic vision,Strong profitability,Performance-based,Strong alumni network,Effective managers,Fast growth,Salary and bonus,Little ranking between employees,No working on the weekends,Competitive environment,Great brand for the resume,International opportunities,Brand recognition,Smart people,Stock growth,Perks,No layoffs,Type-A employees,Fast advancement,Reasonable hours'
$("#companyassessment_set1").val(data);
$("form#new_companyassessment").submit();
});
});
</script>
<p>
<label for="companyassessment_Company Name">Company name</label><br />
<div class="field_with_errors"><input id="companyassessment_name" name="companyassessment[name]" size="30" type="text" value="" /></div>
</p>
<ul class="menu" id="menu-pages">
<li id="page_1">Home</li>
<li id="page_2">Blog</li>
<li id="page_3">About</li>
</ul>
<input id="companyassessment_set1" name="companyassessment[set1]" type="hidden" />
<input id="test" type="button" value="Set Value" />
关于如何合并Jquery UI代码,有什么建议吗?
您的第二个jquery引用正在覆盖jqueryui引用,因此您的可排序方法无法识别。删除这个,你应该没事:
<script src="http://twitter.github.io/bootstrap/assets/js/jquery.js"></script>
此外,定义"data"变量的行末尾需要一个分号。
<script>
$(function() {
$( "#menu-pages" ).sortable();
$( "#menu-pages" ).disableSelection();
});
</script>
http://jqueryui.com/sortable/
d你看这个视图源
相关文章:
- jQuery UI可排序-多连接列表拖动
- ui网格:在自定义表头模板中触发排序
- 我在页面中使用的jQuery UI可排序项目;不起作用
- 在jQuery UI中获取ul和li值,拖放即可排序
- Jquery UI可排序检测轴向上和向下
- Jquery UI可排序,自动移动项目
- KnockoutJS/jQuery UI可排序冲突
- UI可排序与角度过滤器进行ng重复
- jQuery UI-拖放排序和还原
- JQuery UI在移动设备上可排序禁用滚动
- jQuery UI排序无法使用动态表
- 在可排序的JQuery UI列表中至少保留一个项目
- jQuery UI排序&可拖动的助手
- 获取jQuery UI排序后的ID数组
- jQuery UI排序无法使用引导模式框
- JQuery UI排序不适用于更复杂的列表项内容
- Jquery UI排序与angularjs,如何防止水平拖放?轴:y不工作
- 乱码文字游戏使用jQuery ui-排序
- JQuery UI排序中断元素Href链接
- JQ UI排序表:停止排序表内的一些元素排序