Your Time:
Our Time:

jQuery Ordering Hosed

  • Resolved
    Posted in: Hostme V2  
    • Topics: 3
    • Replies: 3
    • Total posts: 6
    dehilster
    Member
    January 25, 2015 at 11:45 pm #6683

    With 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>

    Sorry, this forum is for verified users only. Please Login or Register to continue

Comments are closed.