淘汰赛js可见似乎不起作用

Question

我是淘汰赛的新手，我试图根据条件隐藏或显示位于滑块项上的标签。 即使该值计算为false，我仍然会看到标签。 任何建议表示赞赏。

这是代码

$(document).ready(function() {

    var $slidersTest = $('[pw-class="slider-image"]');

    if ($slidersTest ) {
        $slidersTest .each(function () {
            var $slider = $(this);
            var slider = new SliderModel();

            slider.items = [
                @foreach (var i in Model.Test)
            {
                    <text>
                        new ThumbnailModel(
                        {
                            "label": " @if (!string.IsNullOrWhiteSpace(@i.content))
                                       {
                                           @i.content
                                       }
                                       else if ((string.IsNullOrWhiteSpace(@i.content) && (DateTime.Now - @i.CreatedDate).TotalDays < 7))
                                       {
                                           @content
                                       }",                                                                                

                            "Title": "@Model.Title",

        }),
        </text>
        }
        ];

        ko.applyBindings(slider, $slider[0]);
        });

    (function ($) {
        $slidersTest .each(function () {
            $slidersTest .pwSlider();
        });
    })(jQuery);
}
    });

这是我要检查标签值是否为null或为空的标签，我希望标签完全隐藏。

<p class="pw-label" data-bind="visible: ($root.label != null || $root.label !='' )"><span class="pw-text" >Label: </span><!-- ko text: label --><!-- /ko --></p>

谢谢。

Answer 1

我不确定我是否遵循您的代码，但是至少标签必须是可观察的，否则您的标记不会知道它已更改。