.detach().sort().appendTo() does not work on Safari mobile

Question

The following code does not work on Safari mobile:

$("#button").click(function() {
    $("fieldset").each(function() {
        $(this).children(".input").detach().sort(function(a, b) {
            return $(a).attr("data-sort") < $(b).attr("data-sort");
        }).appendTo(this);
    });
});

The html looks somewhat like this:

<fieldset>
    <span class='input' data-sort='3'><input>.....</input></span>
    <span class='input' data-sort='1'><input>.....</input></span>
    <span class='input' data-sort='2'><input>.....</input></span>
</fieldset>

It works just fine on desktop. Any ideas of what's going on?

This might be a noobie problem, but I can't check the console on mobile. On desktop, no errors. — Evan, Mar 21 '17 at 13:49
See : http://stackoverflow.com/questions/4478271/remote-console-log-on-ios-devices — Anthony Granger, Mar 21 '17 at 13:50

score 0 · Accepted Answer · answered Mar 21 '17 at 16:44

Fixed it. The callback function for .sort() was badly designed.

$("#button").click(function() {
    $("fieldset").each(function() {
        $(this).children(".input").detach().sort(function(a, b) {
            var contentA =parseInt( $(a).attr('data-sort'));
            var contentB =parseInt( $(b).attr('data-sort'));
            return (contentA < contentB) ? -1 : (contentA > contentB) ? 1 : 0;
        }).appendTo(this);
    });
});

.detach().sort().appendTo() does not work on Safari mobile

1 Answers1