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>');
}
}
});
});