2013-01-16 111 views
0

我在嵌套的li元素上有一個奇怪的問題。EmberJS {{action}}和嵌套的li

例如

<ul> 
    <li><a {{action someAction target="view"}}>Link 1</a></li> 
    <ul> 
     <li><a {{action someAction target="view"}}>Link 2</a></li> 
    </ul> 
</ul> 

的鏈接1的動作會火,但是鏈接2動作不(在控制檯中沒有錯誤其一)。我以前使用Em.Button來解決這個問題,但我知道現在正在折舊。

編輯:進一步尋找這個

這似乎是一個問題,當嵌套ul是在導航欄的引導dropdown-menu

有沒有其他人看過這類問題?

+0

確實,這很奇怪,這應該工作恕我直言。是否可以添加你的例子的jsfiddle?這裏很難在沒有更多上下文的情況下幫助你。 –

回答

5

你的第二個<ul></ul>應該由<li></li>包裹:

<ul> 
    <li><a {{action someAction target="view"}}>Link 1</a></li> 
    <li> 
     <ul> 
      <li><a {{action someAction target="view"}}>Link 2</a></li> 
     </ul> 
    </li> 
</ul> 
+0

感謝您的發現。這只是我的例子中的一個錯字,但是因爲我使用的實際模板要大得多。 – Stuart

0

這是一個老問題,但我遇到了最近一個類似的問題,並得到了它這樣的工作,用空href和上放置動作「李」而不是「一」。

<ul> 
    <li {{action someAction target="view"}}><a href="#">Link 1</a></li> 
    <ul> 
     <li {{action someAction target="view"}}><a href="#">Link 2</a></li> 
    </ul> 
</ul>