Tagged: sortable jquery
Sorry, but you do not have the capability to view this topic
-
Supported
- Topics: 3
- Replies: 3
- Total posts: 6
Post count: 3With the HostMeV2 theme, the jQuery sortable that uses drag and drop goes nuts. I tried the code separated on my server without the them and no problem. With the theme, WOAH! There is an error thrown in jQuery. Here is the code. Try it yourself. I have included a screen shot. When it fails, it appends boxes when the cursor moves. Symptom of where it is failing in the sortable jQuery code.
<!doctype html>
<html lang=”en”>
<head>
<meta charset=”utf-8″>
<title>jQuery UI Sortable – Default functionality</title>
<link rel=”stylesheet” href=”//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css”>
<script src=”//code.jquery.com/jquery-1.10.2.js”></script>
<script src=”//code.jquery.com/ui/1.11.2/jquery-ui.js”></script>
<link rel=”stylesheet” href=”/resources/demos/style.css”>
<style>
#sortable { list-style-type: none; margin: 0; padding: 0; width: 60%; }
#sortable li { margin: 0 3px 3px 3px; padding: 0.4em; padding-left: 1.5em; font-size: 1.4em; height: 18px; }
#sortable li span { position: absolute; margin-left: -1.3em; }
</style>
<script>
$(function() {
$( “#sortable” ).sortable();
$( “#sortable” ).disableSelection();
});
</script>
</head>
<body><ul id=”sortable”>
<li class=”ui-state-default”><span class=”ui-icon ui-icon-arrowthick-2-n-s”></span>Item 1
<li class=”ui-state-default”><span class=”ui-icon ui-icon-arrowthick-2-n-s”></span>Item 2
<li class=”ui-state-default”><span class=”ui-icon ui-icon-arrowthick-2-n-s”></span>Item 3
<li class=”ui-state-default”><span class=”ui-icon ui-icon-arrowthick-2-n-s”></span>Item 4
<li class=”ui-state-default”><span class=”ui-icon ui-icon-arrowthick-2-n-s”></span>Item 5
<li class=”ui-state-default”><span class=”ui-icon ui-icon-arrowthick-2-n-s”></span>Item 6
<li class=”ui-state-default”><span class=”ui-icon ui-icon-arrowthick-2-n-s”></span>Item 7</body>
</html>
