2017-03-17 75 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>