2014-02-11 86 views
0

我有一張視圖卡,我翻轉。另一方面是一個jQuery Tabs UI。 視圖卡從手風琴中顯示。 見http://jsfiddle.net/B5TtB/6/如何獲得標籤在挖空div結構中工作

  1. 從手風琴選擇一條線。 - This works
  2. 翻轉卡片 - 此作品
  3. 選擇與「A」不同的選項卡 - 這不起作用。

我想它做的有約束力的

<div data-bind="with: SelectedText"> 

但haven't已經能夠確定的bug。

Thanx提前!

回答

1

問題確實是有約束力的!

綁定的含義是在SelectedText有一個值之前,它內部的所有內容都不會添加到DOM中。但是,您在加載頁面時立即應用了tabs() - 功能。因此ID tabs的元素尚不存在。

我所做的是創建一個極其簡單/最小的自定義綁定,用於說明目的。該綁定將製表符功能應用於元素。我用你的元素上的綁定編號爲tabs。一旦元素實際添加到DOM,就會應用此綁定,現在它可以工作。

小提琴: http://jsfiddle.net/B5TtB/7/

我想補充:在我的愚見,這是爲了避免使用任何jQuery的旁邊淘汰賽,使用自定義綁定時除外最佳實踐。如果您將jQuery限制爲自定義綁定,則可以避免像這樣的問題以及其他問題。此外,您的代碼將更清潔,更易於測試。我從來沒有遇到過需要jQuery並且無法通過自定義綁定解決問題的問題。我已經廣泛使用了這兩個庫!

+0

輝煌,漢斯!我會對你的建議做個說明,不要混合jQuery和淘汰賽。你的解決方案工作,不僅在小提琴中,而且在我的程序中。非常感謝。 :) –