Keinen Zugriff auf DOM-Element mit jQuery in einer Ember Aktion

Question

ich für meinen UI materialisieren verwenden und haben einen einfachen Schalter

<div class="switch"> 
    <label> 
    Off 
    <input id="right-{{item.id}}" type="checkbox" {{action "changeRightForRole" item}}> 
    <span class="lever"></span> 
    On 
    </label> 
</div> 

In meiner Ember Aktion, die ich das entsprechende Modell zu erhalten (der Artikel). Ich muss einige Dinge in meiner Aktion tun, aber es sieht so aus, als ob die Aktion die Standardanimation des Switches abbricht, also möchte ich es manuell so einstellen.

actions: { 
    changeRightForRole(params) { 
    let selector = '#right-'+params.get('id'); 
    console.log(selector); 
    Ember.$(selector).prop('checked', true); 
    Ember.$('#right-3').prop('checked', true); 
    } 
} 

Der erste Weg, wo ich die Requisite dynamisch setzt, funktioniert nicht. Die zweite funktioniert.
Irgendwelche Ideen, wie das zu beheben?

Answer 1

versuchen

<input id="right-{{item.id}}" type="checkbox" {{action "changeRightForRole" item preventDefault=false}}>