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



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?




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 utilizzare i CSS per nascondere il pulsante di chiusura anziché JavaScript:

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



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



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



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();



Per la disattivazione della classe, il codice funzione:

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

può essere usato.




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



Penso che sia meglio.

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



La risposta di Robert MacLean non ha funzionato per me.

Questo però funziona per me:

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





Related