Benutzerdefinierte Daten in jQuery sortierbar?

auf "update", callback können Sie die Reihenfolge der Elemente mit $(this).sortable('toArray');

Aber dieser Auftrag enthält die element-IDs.

Wie bekomme ich ein benutzerdefiniertes Attribut, wie data-myattr? Ich will, dass, um die Werte enthalten, die von dieser Standardtitel anstelle von IDs....

   $('ul').sortable({
     handle: 'h2'
     items: 'li',
     context: this,
     update: function(){        

       var order = $(this).sortable('toArray');

       //here I want a array of values from my attribute, not ID values...
       alert(order);

       ....

     }
   });

HTML ist einfach:

<ul>
  <li data-myattr="a-1" id="whatever">
    ...
  </li>
  ...

InformationsquelleAutor der Frage Alex | 2011-11-24

  1. 3
    $("ul").sortable({
  .
  .
  .
  update: function(event, ui) {        
    var arr = $(this).sortable('toArray');
    var i, n;
    var attrs = [];
    for (i = 0, n = arr.length; i < n; i++) {
      attrs.push($('#' + arr[i]).data('myattr'));
    }

    alert(attrs);  
  }
});

    InformationsquelleAutor der Antwort Luke Girvin

  2. 36

    August '12, dies erfolgt direkt in der jQuery-UI:

    var order = $(this).sortable('toArray', {attribute: 'data-myattr'});

    InformationsquelleAutor der Antwort julien_c

  3. 0
    $("li").data("myattr") //if you use jQuery, >= 1.4.3

$("li").attr("data-myattr") //for erlier

    JS Fiddle hier

    InformationsquelleAutor der Antwort Alper

Schreibe einen Kommentar