数据事件点击只调用一次，为什么？

我想提出一个自定义的widget在Shopify请速与下面的代码：数据事件点击只调用一次，为什么？

<div class="main"> 
    <div id="bar"> 
    <a href="Info" data-event-click="toggleDetails">Info</a> 
    </div> 
    <div id="summary" data-bind="summary"></div> 
    <div id="info" data-bind="info"></div> 

    <h2 data-bind="more"></h3> 
</div>

当“信息”标签被点击它应该切换窗口小部件中显示的视图。这在第一次点击并且函数toggleDetails按预期方式调用时工作正常。当第二次或第三次点击时，没有任何事情发生，该功能从未被调用过。

这是为什么？我真的不明白。

这是我coffescript类：

1 class Dashing.Toggle extends Dashing.Widget 
    2 
    3 ready: -> 
    4  # This is fired when the widget is done being rendered 
    5  #@showDetails = false 
    6  @showSummary = true 
    7  @initiateView() 
    8 
    9 onData: (data) -> 
10  # Handle incoming data 
11  # You can access the html node of this widget with `@node` 
12  # Example: $(@node).fadeOut().fadeIn() will make the node flash each time data comes in. 
13 
14 
15 @accessor 'toggleDetails', -> 
16  @switchView() 
17  console.log "toggling 1" 
18 
19 initiateView: -> 
20  @summaryView().show() 
21  @infoView().hide() 
22 
23 switchView: -> 
24  console.log "Switching" 
25  if @showSummary 
26  @summaryView().fadeOut @animationLength() 
27  @infoView().fadeIn @animationLength() 
28  @showSummary = false 
29  else 
30  @infoView().fadeOut @animationLength() 
31  @summaryView().fadeIn @animationLength() 
32  @showSummary = true 
33 
34 summaryView: -> 
35  console.log "getting summary view" 
36  $(@node).find("#summary") 
37 
38 infoView: -> 
39  console.log "getting info view" 
40  $(@node).find("#info") 
41 
42 animationLength: -> 
43  1000

来源

2014-09-19 mpals

好，我只是解决了它自己：P我还是不知道为什么，但改变形式调用@accessor方法toggleDetails到SWITCHVIEW奇效。有谁知道为什么？

来源

2014-09-19 08:30:36 mpals

在batman.js中，'@ accessor'用于声明属性。函数（包括事件处理程序）应该是实例函数，如上例中的switchView。访问器值被缓存，除非它们的依赖性发生变化。出于这个原因，点击处理程序工作_once_。访问者首次进行了评估，但未进行第二次评估。相反，缓存值（无论'console.log'返回...）被返回。 – rmosolgo 2014-09-19 21:07:47

非常感谢！ – mpals 2014-09-21 06:40:14

数据事件点击只调用一次，为什么？

回答

相关问题