Как сделать размер окна наблюдаемым с помощью нокаута

Question

Попытка сделать что-то в окне браузера:

1. Можно ли сделать размер окна ($(window).width(), $(window).height()) наблюдаемую с помощью Нокаут?
2. Как сохранить FUTURE Добавлено Элементы в центре окна? Есть ли что-то, что можно сделать с помощью метода jquery Live или пользовательских привязок нокаута?

Любое предложение оценено!

Answer 1

Единственный способ сделать их наблюдаемыми - проксировать их в наблюдаемые свойства.

var yourViewModel = { 
    width: ko.observable(), 
    height: ko.observable() 
}; 

var $window = $(window); 
$window.resize(function() { 
    yourViewModel.width($window.width()); 
    yourViewModel.height($window.height()); 
}); 

Я не совсем понимаю ваш второй вопрос. Не могли бы вы просто использовать css для этого?

EDIT

Второй вопрос. Одна из возможностей - написать обработчик привязки для этого (непроверенный).

ko.bindingHandlers.center { 
    init: function (element) { 
     var $el = $(element); 

     $el.css({ 
      left: "50%", 
      position: "absolute", 
      marginLeft: ($el.width()/2) + 'px' 
     }); 
    } 
} 

50% -ный и маржа налево является отличным способом для центрирования вещи в ваших сценариях, так как он automatcially работает, даже если окно изменяет размер. Очевидно, что если сами размеры divs изменяются, вам нужно пересчитать левое поле, это всегда может быть привязано к значению на viewmodel. Надеюсь, это поможет.