jQuery UI排序无法使用引导模式框
jQuery UI Sortable not working with bootstrap modal box?
我想将jQuery Sortable与引导模式框一起使用。我已经包括了所有的文件,但它根本不起作用。如果没有模态箱,它工作得很好。这是我的样本代码
<a data-target="#myModal" role="button" class="btn" data-toggle="modal">Launch demo modal</a>
<div class="modal fade hide" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-remote="">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h3 id="myModalLabel">Modal header</h3>
</div>
<div class="modal-body">
<div class="sortable-wrap">
<ul id="sortable">
<li class="ui-state-default">Item 1</li>
<li class="ui-state-default">Item 2</li>
<li class="ui-state-default">Item 3</li>
<li class="ui-state-default">Item 4</li>
<li class="ui-state-default">Item 5</li>
<li class="ui-state-default">Item 6</li>
<li class="ui-state-default">Item 7</li>
</ul>
</div>
</div>
<div class="modal-footer">
<button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
<button class="btn btn-primary">Save changes</button>
</div>
</div>
JS代码看起来像这个
jQuery( "#sortable" ).sortable();
如果有人想查看,这里有小提琴链接。
有人能告诉我为什么分拣机在这里不工作吗?如何使它在这里可行?任何建议或建议都是非常可观的。感谢
Your code works fine. Just check JQuery UI 1.9.2 to import the library.
演示
我认为您的代码没有任何问题。但我建议你这样做。
$("#myModal").on("shown",function(){
$( "#myModal #sortable" ).sortable();
})
再加上在你的小提琴中导入jQuery Ui。
相关文章:
- AngularJS ui路由器html5模式中断路由
- 在编辑内联模式下禁用Kendo Ui网格按钮
- jQuery UI模式对话框覆盖淡出
- angular ui bootstrap:当模式关闭时,promise被解析/拒绝
- 可以'不要通过背景点击来取消自定义UI引导模式
- 具有 UI 引导模式窗口的父$scope子
- 在单击 UI 网格上的链接时引导模式
- 如何将参数传递到 UI 路由器状态的模式窗口
- 如何在高级编译模式下使用 Google Closure 编译器编译 jQuery UI 小部件
- 延迟角度 UI 模式关闭
- 角度 UI 模式开机自检
- Jquery UI don'使用bootstrap 3模式时效果不佳
- 为什么我的UI应用程序嵌套在引导模式中时无法工作
- 如何在不创建数组的情况下使用NgFor来生成矩阵UI模式
- Angular-UI引导日期选择器未在引导模式上显示
- jquery ui模式框中的表单隐藏后,键盘将不再被调用
- 语义 UI 模式未定义
- 显示 ui 路由器模式而不刷新父状态
- 将 UI 模式对话框添加到新的 DIV 标记
- jQuery UI 模式对话框在关闭之前挂起