2013-03-01 16 views
5

C'è un fallback per l'isotopo jQuery se JavaScript è disabilitato?
fallback per jquery isotope se javascript è disabilitato?

Supponiamo che se I m utilizzando lì immobile fitColumns, c'è un ripiego a quello stile di layout, se JavaScript è disabilitato, come quello che u hanno in d new myspace.
i post iniziali, che appaiono nella home page di myspace, saranno formattati correttamente ma nessun post aggiuntivo verrà caricato quando si scorre ulteriormente.
Che tipo di struttura CSS o metodologia di fallback può essere utilizzata per tali situazioni?

risposta

2

Se JavaScript è disabilitato e se si desidera mantenere gli elementi posizionati correttamente come se il jQuery Isotope stia facendo il suo lavoro, allora si può fare affidamento solo sui CSS. Ciò significherebbe che dovresti posizionare manualmente quegli elementi nell'ordine che desideri.

Se siete d'accordo con questo attenersi alla seguente procedura qui sotto per iniziare:

  1. mettere un nome di classe su un involucro principale dei vostri elementi Isotope quali off. Ad esempio: <div id="isotope-container" class="isotope off">
  2. Iniziare il posizionamento manuale degli elementi e includere .off come uno dei selettori. Ad esempio: .isotope.off .isotope-element-1 { position:absolute; top: 10px; left: 10px; }.isotope.off .isotope-element-2 { position:absolute; top: 10px; left: 100px; }
  3. Quindi sul file jQuery generale in cui sono state scritte tutte le altre cose, controllare se esiste la classe .off e, in tal caso, rimuoverla. Ad esempio: if($('#isotope-container.isotope').hasClass('off')){ $('#isotope-container.isotope').removeClass('off'); }
Problemi correlati