Collegamento disabilitato in Paginazione Bootstrap

Sto cercando di usare lo stile di impaginazione di Bootstrap. La documentazione dice di creare l’elenco delle pagine in questo modo:

 

I primi due collegamenti, la freccia sinistra e l’1, dovrebbero essere disabilitati. Tuttavia, quando lo inserisco nel mio modello di django, quei due sono ancora utilizzabili. Cliccandoli si manda l’utente in cima alla pagina proprio come qualsiasi altro link di ancoraggio con un ID “#”. Penso che devo ancora avere il lì per Bootstrap per lo stile in modo corretto.

C’è un modo per scrivere questo in modo che quando l’utente fa clic su uno dei “pulsanti” disabilitati non fa nulla?

Nei documenti, quei pulsanti sono semplicemente disabilitati manualmente. Non ha nulla a che fare con lo stile .pagination .

Potresti usarlo

 $('.pagination .disabled a, .pagination .active a').on('click', function(e) { e.preventDefault(); }); 

Nota: se si utilizza un’impaginazione basata su ajax, è necessario inserire questa parte di codice nel gestore di aggiornamento o utilizzare invece eventi delegati

Se scrivi in ​​modo dinamico il lato html del server (con django per esempio) e non vuoi usare javascript puoi farlo:

 pseudo code: if (Model.HasNext()) { 
  • // normal link next
  • } else {
  • // disabled link next
  • }

    Come riferimento, ecco cosa Bootstrap fa :

     &.disabled, &[disabled] { cursor: not-allowed; pointer-events: none; // Future-proof disabling of clicks .opacity(.65); .box-shadow(none); } 
     $('.disabled a').click(function(){ return false; }); 

    Per PHPLD v 4.2 ho usato il seguente codice per mostrare l’impaginazione Bootstrap 3

     {* Display Paging Links *} 
    • {paginate_prev id="MainPaging"}
    • {paginate_middle id="MainPaging" format="page" prefix="" suffix="" link_prefix="
    • "link_suffix="
    • " current_page_prefix="
    • "current_page_suffix="
    • "}
    • {paginate_next id="MainPaging"}