Indentazione / interruzione di catene jquery per la leggibilità

Question

Indentazione / interruzione di catene jquery per la leggibilità

#1 da (7 voti)
#2 da (0 voti)

4

Sono curioso di sapere come gli altri indentano / rompono lunghe catene jQuery, dato che non posso mai decidere cosa è più leggibile (in particolare quando si usa .end () per "chiudere" un blocco di metodi, ad es.

$(this).not(":has(.pointer)").append(pointerHtml)
                .end()
            .closest("li").toggleClass("selected")
            .siblings().removeClass("selected")
            .andSelf().removeClass("pre-selected").animate({
                                 left: 12
                                 opacity: 0.5
                            })
                .end().end()
            .filter(".selected").prev().addClass("pre-selected")
                            .end().children().load("/homepage.html", function() {
                                       //code
                             }).end().end().addClass("processed");

Come si formatterà questo?

* modifica includeva un metodo con un callback per renderlo un po 'più interessante

readability javascript jquery

posta wheresrhys 14.04.2011 - 18:17

fonte

2 risposte

Leggi altre domande sui tag readability javascript jquery

Soluzioni consigliate per l'integrazione di iOS con .NET, al livello di servizio Filettatura Python vs. multiprocessing: dovrei imparare l'uno prima dell'altro?

score 7 · Answer 1

Uso il rientro per significare la gerarchia.

$(this).not(":has(.pointer)")
  .append(pointerHtml).end()
  .closest("li")
    .toggleClass("selected")
    .siblings()
      .removeClass("selected")
      .andSelf().removeClass("pre-selected")
    .end()
  .end()
  .filter(".selected")
    .prev().addClass("pre-selected");

score 0 · Answer 2

0

Per indentazione direi che il selettore sarebbe equivalente all'apertura di un blocco ( { ), mentre .end() - equivalente di }

risposta data 14.04.2011 - 18:28

fonte