Saiba todas as features que te ajudarão a produzir sistemas mais rapidamente.
Alterando textos de elementos
Basicamente essa funcionalidade altera o texto de determiando elemento.
| Classe / Atributo | Descrição |
|---|---|
| data-toggle-txt | Atributo cujo valor guarda o texto alternativo |
| data-target | Elementos que terá o texto modificado pelo data-toggle-text |
1
<button class="ls-btn" data-ls-module="toggleText" data-toggle-text="Clique para voltar ao texto original">Clique para alterar o texto</button>
Se você quiser alternar o texto de outro elemento, siga o exemplo abaixo:
1
2
3
4
<button class="ls-btn-primary" data-ls-module="toggleText" data-toggle-text="Clique para voltar ao texto original" data-target-text="#lsBox">Clique para alterar o texto do botão ao lado</button>
<div id="lsBox" class="ls-box ls-box-gray">
Uma mensagem bonita para caramba!
</div>
| Evento | Descrição |
|---|---|
| toggleText:change | Quando um element do módulo toggleText for clicado, o evento |
Exemplo:
1
2
3
4
5
6
7
8
9
// Elementos toggle text
$('[data-toggle-text]').on('toggleText:change', function(event, target, text) {
// do something
});
// Um toggle text específico
$('#id-do-toggle-text').on('toggleText:change', function(event, target, text) {
// do something
});