使淘汰赛“可见”使用 CSS“可见性”属性

Question

据“看得见的”绑定文档，淘汰赛采用display: none隐藏元素;如果该值visible计算结果为false。我怎样才能让它使用visibility: hidden呢？visibility: hidden具有仍然使元素占用页面空间的优势（在这种情况下）。

Answer 1

您应该使用纯 css 样式或类，请查看官方的Knockout.js css 绑定或knockout.js 样式绑定文档。

样式绑定示例：

<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>