iCheck + nette Forms toggle

MartinS

Ahoj,
používám plugin icheck a netteForms.js.
Snažím se o toggle dalšího prvku formuláře při vykreslení přes iCheck plugin.

iCheck okolo inputu vygeneruje toto:

<div class="icheckbox_flat-green" style="position: relative;">
	<input name="highlighted" id="frm-creationForm-creationQuestionnaireForm-highlighted" data-nette-rules="[{&quot;op&quot;:&quot;:equal&quot;,&quot;rules&quot;:[],&quot;control&quot;:&quot;highlighted&quot;,&quot;toggle&quot;:{&quot;frm-creationForm-creationQuestionnaireForm-hightLightTitle-x&quot;:true},&quot;arg&quot;:true}]" style="position: absolute; opacity: 0;" type="checkbox">
	<ins class="iCheck-helper" style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; border: 0px none; opacity: 0; cursor: pointer;">
	</ins>
</div>

<script>
	//ifClicked je calback iCheck
	$('input').on('ifClicked', function(event){
		//Toto bohužel nefunguje
       $(this).trigger("change");
    });
</script>

Neřešil někdo spouštění toggle na manuálně vykreslených prvcích? Díky

peldax

Ahoj, funguje mi tohle:

$(document).ready(function ()
    {
        $('input[type="radio"]').on('ifChanged', function (event) {

            event = document.createEvent("HTMLEvents");
            event.initEvent("change", true, true);
            event.eventName = "change";

            this.dispatchEvent(event);
        });
    });

Čamo

Tiež to akurát riešim a nechápem, čo sa deje. Nefunguje mi ani prvý ani druhý príklad.

Editoval Čamo (6. 8. 2017 10:36)