在kendoWindow中使用移動開關

試圖在kendowWindow中使用kendo-mobile-switch。該開關顯示正常，但不切換。在相同的頁面中包含kendo css/js，如果在頁面本身使用相同的移動開關，則不會在kendoWindow內部切換。在kendoWindow中使用移動開關

我看着在頁面的源代碼，它看起來當開關確實撥動，下面的轉型添加這樣的：

<span class="km-switch-handle" style="transform: translateX(27px) translateY(0px);">

在「非切換」狀態的同一交換機看起來是這樣的：

<span class="km-switch-handle" style="transform: translateX(0px) translateY(0px);">

但是，如果我看裏面kendoWindow切換的來源，在這兩個切換和非切換狀態，它看起來是這樣的：

<span class="km-switch-handle" style="transform: translateX(0px) translateY(0px);">

我也堅持通過kendo.all.js，它看起來像切換開關時，它計算出它需要轉換自己基於位置的偏移量。我的猜測是在kendoWindow顯示時，得到位置邏輯失敗/無法正常工作：

_position: function (position) { 
       var that = this; 
       that.position = position; 
       that.handle.css(TRANSFORMSTYLE, 'translatex(' + position + 'px)'); 
       if (that._animateBackground) { 
        that.background.css(MARGINLEFT, that.origin + position); 
       } 
      },

任何想法，問題可能是什麼？

來源

2017-01-26 user7476038

想我會回答我的問題：時發現移動交換機列表視圖裏面用了一個很類似的問題： http://www.telerik.com/forums/angular-kendo-mobile-switch-in-list-view-template

在這個例子中，交換機的行爲，因爲它在完全一樣的kendoWindow。根據問題的標題來看，問題在於「角色編譯是在項目插入到DOM之前執行的」。這可以解釋爲什麼在kendoWindow中沒有計算位置。

來源

2017-01-29 01:37:51 user7476038

在kendoWindow中使用移動開關

回答

相關問題