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
+
0
-

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
+
0
-

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.

thunderbuff
Člen | 164
+
0
-

Vlastní javascript to řeší, díky :-)