어떻게이 HTML을

Question

에 마우스를 올려 놓고하는 녹아웃 템플릿 루프에서 클릭 이벤트를 변경하려면 다음과 같은 항목 정보가 있습니다.

<div class="" data-bind="with: SelectedText">   
    <label>Id:</label><span data-bind="text: Id"></span> 
    <h1 data-bind="text: Title"></h1> 
    <label>Description:</label><span data-bind="value: Description" class="description"></span>   
</div> 

마지막 div가 아코디언의 클릭 이벤트에 응답합니다. 이제는 클릭 대신 mouseover/hover에 응답하도록하겠습니다. 이벤트 이름을 전환하려고 시도했지만 분명히 작동하지 않습니다. 어떻게하면 원하는 방식으로 대응할 수 있습니까?

Answer 1

참조 http://knockoutjs.com/documentation/event-binding.html 이벤트 바인딩을 올바르게 사용하는 방법에 대한 자세한 내용은

<div data-bind="attr: {'id': 'Text' + TextId}, event:{ mouseover: $root.SelectedText}" class="group ui-widget-content ui-corner-tr" > 

위의 코드는 아코디언의 다음 요소를 활성화합니다. 이 기능은 다음 요소 만 활성화한다는 것을 명심하십시오. 실제로 마우스 아웃시 비활성화하려면 꽤 큰 편집이 필요합니다.