Twitter bootstrap a toggle
Upozornění: Tohle vlákno je hodně staré a informace nemusí být platné pro současné Nette.
- thunderbuff
- Člen | 164
Ahoj, v jednom projektu používám twitter bootstrap a zápasím s toggle.
Pokud ve formuláři vytvořím checkbox:
<?php
$form->addCheckbox('mujCheckbox', 'Můj checkbox')
->addCondition(Form::FILLED)
->toggle('tr-frm-editContactForm-toggleDiv');
?>
Latte:
<div class="checkbox">
{label $field, class => "$reqClass"}
{input $field}
{$field->label->getText()}
{/label}
</div>
<div id='tr-frm-editContactForm-toggleDiv'>spousta super věcí</div>
… a vše funguje, jak má
Ale ve chvíli, kdy chci místo checkboxu použít bootstrapový ON/OFF switch, toggle přestane fungovat
<div class="nmake-switch switch-small" data-on="primary">
{input $field}
</div>
<div id='tr-frm-editContactForm-toggleDiv'>spousta super věcí</div>
Setkal jste se s tím někdo? Od rána si tím lámu zuby.
- llook
- Člen | 407
Bootstrap Switch z nějakého důvodu na tom checkboxu pokaždé vyvolává
dva change eventy: http://jsfiddle.net/a23t7/
Takže se i ten Nette.toggle
zavolá dvakrát.
Řešil bych vlastním javascriptem, který by ten obsah skrýval/odkrýval
podle vlastnosti this.checked
.