Question

我是淘汰赛的新手，我试图隐藏或显示基于条件的滑块项目上的标签。即使价值评估为假，我仍然看到标签。任何建议表示赞赏。

这是代码

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

我不确定我是否遵循您的代码，但至少标签需要是可观察的，否则您的标记将不会知道它已经改变。

淘汰赛js看起来似乎没有用

1 个答案: