2010-05-24 10 views
11

Sembra una domanda stupida ma sarebbe una bella funzionalità.Il sistema di icone dell'interfaccia utente jQuery ha un'icona "vuota" - una senza immagine?

Il sistema di icone di interfaccia utente jQuery ha un'icona "vuota", una senza immagine?

Sono obbligato a eseguire uno stile personalizzato su un'icona-UI-vuoto e spostare lo sfondo in un'area dello sprite fuori dal grafico?

+0

Solo un pensiero, perché non si rendono sfondo: nessuno? –

+0

penso di no ma puoi controllare qui: http://jqueryui.com/themeroller/ –

+0

@Kerry - Ho creato una classe di ui-icon-empty che fa proprio questo, ma stavo pensando che sarebbe stato bello se fosse venuto per impostazione predefinita. Questo perché lo strumento Pulsante in 1.8 ha un bug in cui, se si annulla l'icona, rimane sempre la spaziatura. Mi piacerebbe averlo bloccato alla stessa larghezza per evitare quel problema, motivo per cui avevo bisogno di ui-icon-empty. – knowncitizen

risposta

4

se si guarda nel file css fornito dal tema jQuery UI troverete una classe denominata:

ui-icon-blank 

è possibile usare lo stesso per avere icone vuote.

Grazie ...

TC

6

ho appena finito per creare una .ui-icon-empty { background:none } e chiamando che tramite lo strumento tasto:

$(selector).button({icons:{primary: 'ui-icon-empty'}}) 

Ha funzionato, ma sembra wonky. Sarebbe bello se ci fosse un ui-icon-vuoto in ui.base

+0

Avevo bisogno di fare questo per sovrascrivere l'impostazione predefinita .ui-icon: '.ui-icon-none.ui-icon {background-image: none; } '(esattamente così, nessuna spaziatura) –

1

Se si utilizza un ancoraggio in un elenco e si desidera rimuovere l'icona di aggiungere "data-icon = 'false'" al tuo tag lista per rimuovere l'icona .

<li data-icon="false"> 
    <a href="#">Label</a> 
</li> 
Problemi correlati