2

我知道您在 ff 中使用了 knockoutjs 中的括号： * Unrapping observable function in code * Dive into objects with declarative binding

或者当您有一个具有某些属性的对象时，例如： * person().firstname * person().age （最右边的属性不需要括号）

现在我有这种 html/js：

<section>
      <label>
        <input data-bind="checked: displayGuitars" type="checkbox" />
         Display Guitars
      </label>
      <div data-bind="fadeVisible: displayGuitars(), fadeDuration: 250">
        <ul data-bind="foreach: products">
          <li>
            <span data-bind="text: model"></span>
          </li>
        </ul>
      </div>
      <div data-bind="dump: $data, enable: false"></div>
    </section>
<script>



  ..................................some code

   ko.bindingHandlers.fadeVisible = {
    init: function (element, valueAccessor) {
        // Start visible/invisible according to initial value
        var shouldDisplay = valueAccessor();
        $(element).toggle(shouldDisplay);
    },
    update: function (element, valueAccessor, allBindingsAccessor) {
        // On update, fade in/out
        var shouldDisplay = valueAccessor(),
            allBindings = allBindingsAccessor(),
            duration = allBindings.fadeDuration || 500; // 500ms is default duration unless otherwise specified

        shouldDisplay ? $(element).fadeIn(duration) 
            : $(element).fadeOut(duration);
    }
};


var vm = (function () {

    var data = mockdata.getProducts();
    var products = ko.observableArray(data);
    var displayGuitars = ko.observable(false);

    var vm = {
      displayGuitars: displayGuitars,
      products: products
    };

    return vm;
})();

ko.applyBindings(vm);
</script>

所以基本上它的作用是带有fadeVisible绑定的div切换显示/隐藏取决于复选框是否被选中，我尝试删除括号<div data-bind="fadeVisible: displayGuitars(), fadeDuration: 250">然后突然fadeVisible停止工作，当我检查时div不再显示/隐藏/取消选中复选框。我的问题是为什么我需要带有fadeVisible绑定的div中的括号，如果它确实符合我上面提到的任何标准，它是哪一个？

先生/女士，您的回答会很有帮助。谢谢++

4

1 回答 1

3

您的问题是您在自定义绑定中没有unwrap调用。valueAccessor它应该看起来像这样

init: function (element, valueAccessor) {
        // Start visible/invisible according to initial value
        var shouldDisplay = ko.unwrap(valueAccessor());
        $(element).toggle(shouldDisplay);
    },

如果您有旧版本，这将在 Knockout2.3 中工作ko.utils.unwrapObservable。

这是一个没有括号的小提琴。顺便说一句，将来，当你有这样的代码来演示这个问题时，你可以自己整理一个小提琴，这样人们就可以快速查看问题。

于 2013-08-05T15:39:54.263 回答