Non mi piace come è il mio JQuery dopo aver creato alcuni pulsanti dinamici o altre cose dinamiche. Ad esempio, quando sono contrassegnate le caselle di controllo, aggiungo un pulsante chiamato "Scarica selezionati" e "Rimuovi selezionati". Naturalmente, ci sono molte altre cose JQuery + HTML nel mio sito.
Mi piacerebbe sapere come posso rendere il mio codice migliore, non come quello degli spaghetti.
Grazie mille!
  $(document).on('change', '.docListCheckbox', function(event){
    if( $('#resultsContainer').find('.docListCheckbox:checked').length > 0 )
    {
      if( ! $('#download-sel').length > 0 )
      {
        var downSelectionBtn = '<button id="download-sel" class="button-small button-blue" type="button">DESCARGAR MARCADOS</button>';
        var delSelectionBtn = '<button id="delete-sel" class="button-small button-red" type="button">ELIMINAR MARCADOS</button>';
        $('#selection-controls').append(downSelectionBtn);
        <?php if( SwHelper::checkAccess('Docusearch.Documento.Eliminar') ): ?>
        $('#selection-controls').append(delSelectionBtn);
        <?php endif; ?>
      }
    }
    else
    {
      if( $('#download-sel').length > 0 )
      {
        $('#download-sel').remove();
        <?php if( SwHelper::checkAccess('Docusearch.Documento.Eliminar') ): ?>
        $('#delete-sel').remove();
        <?php endif; ?>
      }
    }
  });
 $(document).on('click', '#docActionEdit', function() {
    var button = $(this);
    var isToggled = button.data('toggled');
    $('#docDataEditor').slideToggle({
      duration: 1000,
      easing: 'easeOutBounce',
      start: function(){
        if(isToggled == 'false') {
          button.html('EDITAR');
          button.data('toggled', 'true');
          $('#docActionSave').remove();
        }
        else {
          button.html('CANCELAR');
          button.data('toggled', 'false');
          $('#docAvailableActions').prepend('<button id="docActionSave" class="button-small button-green">GUARDAR</button>');
        }
      }
    });
  });