Javascript 使用CSS“可见性”属性使敲除“可见”

Javascript 使用CSS“可见性”属性使敲除“可见”,javascript,html,css,knockout.js,Javascript,Html,Css,Knockout.js,根据,如果visible的值计算为false,则Knockout使用display:none隐藏元素。如何使其使用可见性:隐藏?可见性:隐藏在这种情况下有一个优势,即仍然使元素占据页面空间。您应该使用纯css样式或类,查看官方或文档 样式绑定示例: <div data-bind="style: { visibility: isVisible() ? 'visible' : 'hidden' }"> Profit Information </div> <s

根据,如果visible的值计算为false,则Knockout使用display:none隐藏元素。如何使其使用可见性:隐藏?可见性:隐藏在这种情况下有一个优势,即仍然使元素占据页面空间。

您应该使用纯css样式或类,查看官方或文档

样式绑定示例:

<div data-bind="style: { visibility: isVisible()  ? 'visible' : 'hidden' }">
    Profit Information
</div>

<script type="text/javascript">
    var viewModel = {
        isVisible: ko.observable(true) // visible
    };
    viewModel.isVisible(false); // hidden
</script>

你应该使用简单的css样式或类,检查官方或文档

样式绑定示例:

<div data-bind="style: { visibility: isVisible()  ? 'visible' : 'hidden' }">
    Profit Information
</div>

<script type="text/javascript">
    var viewModel = {
        isVisible: ko.observable(true) // visible
    };
    viewModel.isVisible(false); // hidden
</script>
您可以使用或绑定您可以使用或绑定