#draggable p { cursor: move; }
</style>
<script src="../../external/requirejs/require.js"></script>
- <script src="../bootstrap.js">
+ <script src="../bootstrap.js" data-modules="disable-selection">
$( "#draggable" ).draggable({ handle: "p" });
$( "#draggable2" ).draggable({ cancel: "p.ui-widget-header" });
$( "div, p" ).disableSelection();
li { margin: 5px; padding: 5px; width: 150px; }
</style>
<script src="../../external/requirejs/require.js"></script>
- <script src="../bootstrap.js" data-modules="sortable">
+ <script src="../bootstrap.js" data-modules="sortable disable-selection">
$( "#sortable" ).sortable({
revert: true
});
}
</style>
<script src="../../external/requirejs/require.js"></script>
- <script src="../bootstrap.js">
+ <script src="../bootstrap.js" data-modules="disable-selection">
$( "#sortable1, #sortable2" ).sortable({
connectWith: ".connectedSortable"
}).disableSelection();
#sortable li span { position: absolute; margin-left: -1.3em; }
</style>
<script src="../../external/requirejs/require.js"></script>
- <script src="../bootstrap.js">
+ <script src="../bootstrap.js" data-modules="disable-selection">
$( "#sortable" ).sortable();
$( "#sortable" ).disableSelection();
</script>
#sortable li { margin: 3px 3px 3px 0; padding: 1px; float: left; width: 100px; height: 90px; font-size: 4em; text-align: center; }
</style>
<script src="../../external/requirejs/require.js"></script>
- <script src="../bootstrap.js">
+ <script src="../bootstrap.js" data-modules="disable-selection">
$( "#sortable" ).sortable();
$( "#sortable" ).disableSelection();
</script>
#sortable1 li, #sortable2 li, #sortable3 li { margin: 5px; padding: 5px; font-size: 1.2em; width: 120px; }
</style>
<script src="../../external/requirejs/require.js"></script>
- <script src="../bootstrap.js">
+ <script src="../bootstrap.js" data-modules="disable-selection">
$( "ul.droptrue" ).sortable({
connectWith: "ul"
});
#sortable1 li, #sortable2 li { margin: 0 5px 5px 5px; padding: 3px; width: 90%; }
</style>
<script src="../../external/requirejs/require.js"></script>
- <script src="../bootstrap.js">
+ <script src="../bootstrap.js" data-modules="disable-selection">
$( "#sortable1" ).sortable({
items: "li:not(.ui-state-disabled)"
});
.ui-state-highlight { height: 1.5em; line-height: 1.2em; }
</style>
<script src="../../external/requirejs/require.js"></script>
- <script src="../bootstrap.js">
+ <script src="../bootstrap.js" data-modules="disable-selection">
$( "#sortable" ).sortable({
placeholder: "ui-state-highlight"
});