2017-03-17 71 views
0

我與後面的一些顯示邏輯3個按鈕。在IE 11中工作是否完美無缺,但在Chrome中無法正常工作。我目前不知道問題是什麼。敲除JS按鈕在IE 11而不是在鉻

這裏是3個按鈕

<div data-bind="click: conConfirmTransmit, visible: currentProcessStatusProgramCode() === 'CONSULTING', enable: isAllowedToConfirmAndTransmit" class="confirm-button"> 

步驟前進

根據我設置isAllowedToConfirmAndTransmit爲true邏輯的一個/假

任何想法是錯誤的代碼?按鈕是在我的情況可見百達

+0

請將您的JavaScript。 –

回答

0

似乎爲我工作,我跑不過鉻我不認爲一個能結合將要在一個div工作。你爲什麼不使用按鈕?

function vm() { 
 
this.currentProcessStatusProgramCode = ko.observable('CONSULTING'); 
 
this.isAllowedToConfirmAndTransmit = ko.observable(true); 
 
this.conConfirmTransmit = function(){ 
 
    alert('conConfirmTransmit'); 
 
} 
 
    
 
} 
 

 
var mymodel = new vm(); 
 

 
$(document).ready(function() { 
 
    ko.applyBindings(mymodel); 
 
});
.confirmbutton{ 
 
\t display:block; 
 
\t border-style:solid; 
 
\t border-color:#bbb #888 #666 #aaa; 
 
\t border-width:3px 4px 4px 3px; 
 
\t width:9em; 
 
\t height:2em; 
 
\t background:#ccc; 
 
\t color:#333; 
 
\t line-height:2; 
 
\t text-align:center; 
 
\t text-decoration:none; 
 
\t font-weight:900; 
 
} 
 
.confirmbutton:hover{ 
 
\t border-color: #666 #aaa #bbb #888; 
 
\t border-width:4px 3px 3px 4px; 
 
\t color:#000; 
 
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.2.0/knockout-min.js"></script> 
 

 

 
<div data-bind="click: conConfirmTransmit, visible: currentProcessStatusProgramCode() === 'CONSULTING', enable: isAllowedToConfirmAndTransmit" class="confirmbutton">click me </div> 
 
<br> 
 
change program code: <input type="text" data-bind="textInput: currentProcessStatusProgramCode"/> 
 
    
 
<p> 
 
is Allowed Confirm & Transmit <input type="checkbox" data-bind="checked: isAllowedToConfirmAndTransmit"> 
 
</p>