Come rimuovere il pulsante di chiusura nella finestra di dialogo dell'interfaccia utente jQuery?


9 Answers

Ecco un'altra opzione che usa solo CSS che non supera ogni finestra di dialogo sulla pagina.

Il CSS

.no-close .ui-dialog-titlebar-close {display: none }

L'HTML

<div class="selector" title="No close button">
    This is a test without a close button
</div>

Il Javascript.

$( ".selector" ).dialog({ dialogClass: 'no-close' });

Esempio di lavoro

Question

Come rimuovo il pulsante di chiusura (la X nell'angolo in alto a destra) su una finestra di dialogo creata dall'interfaccia utente jQuery?




$(".ui-button-icon-only").hide();



http://jsfiddle.net/marcosfromero/aWyNn/

$('#yourdiv').                 // Get your box ...
  dialog().                    // ... and turn it into dialog (autoOpen: false also works)
  prev('.ui-dialog-titlebar'). // Get title bar,...
  find('a').                   // ... then get the X close button ...
  hide();                      // ... and hide it



La risposta di Robert MacLean non ha funzionato per me.

Questo però funziona per me:

$("#div").dialog({
   open: function() { $(".ui-dialog-titlebar-close").hide(); }
});



Per la disattivazione della classe, il codice funzione:

$(".ui-dialog-titlebar-close").hide();

può essere usato.




Puoi utilizzare i CSS per nascondere il pulsante di chiusura anziché JavaScript:

.ui-dialog-titlebar-close{
    display: none;
}



Nessuno dei lavori di cui sopra. La soluzione che funziona davvero è:

$(function(){
  //this is your dialog:
  $('#mydiv').dialog({
    // Step 1. Add an extra class to our dialog to address the dialog directly. Make sure that this class is not used anywhere else:
    dialogClass: 'my-extra-class' 
  })
  // Step 2. Hide the close 'X' button on the dialog that you marked with your extra class
  $('.my-extra-class').find('.ui-dialog-titlebar-close').css('display','none');
  // Step 3. Enjoy your dialog without the 'X' link
})

Si prega di verificare se funziona per voi.




Puoi rimuovere il pulsante di chiusura con il codice qui sotto. Ci sono anche altre opzioni che potresti combattere utili.

$('#dialog-modal').dialog({
    //To hide the Close 'X' button
    "closeX": false,
    //To disable closing the pop up on escape
    "closeOnEscape": false,
    //To allow background scrolling
    "allowScrolling": true
    })
//To remove the whole title bar
.siblings('.ui-dialog-titlebar').remove();



document.querySelector('.ui-dialog-titlebar-close').style.display = 'none'



Penso che sia meglio.

open: function(event, ui) {
  $(this).closest('.ui-dialog').find('.ui-dialog-titlebar-close').hide();
}





Related