淘汰賽結合拋出「無法處理綁定」例外IE8

Question

我已經得到了我想要使用淘汰賽使用下面的代碼綁定一個div：

<div data-bind="style: { height: ($('.someDiv').height() - 37) + 'px' }">...</div> 

這工作完全在Chrome中，FF或IE11。不確定它已經在IE9-10上測試過了。但它在IE8上失敗，拋出了「無法處理綁定」異常。

出人意料的是，這個工程：

// without substracting 37 
style: { height: ($('.someDiv').height() + 'px' } 

// replacing 37 by the same computed value, doesn't matter if it ends up being 0 
style: { height: ($('.someDiv').height() - $('.someDiv').height()) + 'px' } 

但更令人驚訝的，這也失敗了：

// replacing 37 by something (dumb) assuring a positive value 
style: { height: ($('.someDiv').height() - $('.someDiv').height() + $('.someDiv').height()) + 'px' } 

我有點無知在這裏。任何人都知道這件事？

我使用jQuery 1.11.1和Knockout 3.1.0。

編輯：

好，我向前移動了一點。看來div someDiv是在自定義綁定中使用模板注入的。因此，如果我做這樣的事情周圍的結合：

console.log('before ko'); 
console.log('length:'+$('.someDiv').length); 
console.log('$height:'+$('.someDiv').height()); 

ko.applyBindings(vm, $('#container').get(0)); 

console.log('after ko'); 
console.log('length:'+$('.someDiv').length); 
console.log('$height:'+$('.someDiv').height()); 

的輸出（無論是在IE8和Chrome瀏覽器）：

before ko 
$length:0 
$height:null 
after ko 
$length:1 
$height:762 

所以我想結合這取決於中有事不同在淘汰賽瀏覽器。

Answer 1

我意識到我的答案可能不是一個直接的答案，但因爲它可以幫助你或其他人來到這裏反正我仍然會發布它。誰知道，其他人可能會提出更直接的答案。

您的問題可能是由於邏輯從data-bind屬性輸入KO作爲字符串，並在之後執行。將這種邏輯放在視圖之外並將其放入JavaScript代碼中可能會有所幫助。無論如何，這將使調試更容易。

可用於執行此操作的一個KO功能是使用自定義bindingHandler。這裏是你如何能做到這一點：

ko.bindingHandlers.fixHeight = { 
 
    update: function(element, valueAccessor, allBindings) {   
 
     var h = ($('.someDiv').height() - 37) + 'px'; 
 
     $(element).height(h); 
 
    } 
 
}; 
 

 
ko.applyBindings({});

div { 
 
    display: inline-block; 
 
    background-color: red; 
 
} 
 

 
.someDiv { 
 
    height: 123px; 
 
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.1.0/knockout-min.js"></script> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 

 
<div class="someDiv">someDiv</div> 
 
<div data-bind="fixHeight">...</div>

如果我把我的IE11版本IE8進入模式，上述工作正常。

同樣，我意識到這可能不是一個直接的答案，但也許它對人們來說是有用的。

Answer 2

我發現，根據這裏的答案我的解決方案

IE8 knockout error - Unable to process binding

，真正因爲在IE8樣式屬性的不正確的值。