Question

大家好，我正在研究Angular.js，我想在调整浏览器大小时动态调整div的大小。我在JSFiddle上创建了这个绅士代码http://jsfiddle.net/jaredwilli/SfJ8c/，我把它拿起来改了。我不想使用任何jQuery代码。

我试图像这样迁移它。

myApp.directive('resize', function ($window) {
  return function (scope, element) {
    var w = $window;

    scope.getWindowDimensions = function () {
      return {
        'h': w.innerHeight
      };
    };
    scope.$watch(scope.getWindowDimensions, function (newValue, oldValue) {
      scope.windowHeight = newValue.h;

      scope.style = function () {
        return {
          'height': (newValue.h - 245) + 'px',
        };
      };

    }, true);

    w.bind('resize', function () {
      scope.$apply();
    });
  }
})

重新加载页面时会触发，而div会改变高度，但是w w.bind不是函数。有人可以帮我迁移一下吗？

Answer 1

我认为以下代码块应该可以正常工作

var jquery = document.createElement('script');
jquery.src = 'https://code.jquery.com/jquery-1.11.3.js';
jquery.type = 'text/javascript';
document.getElementsByTagName('head')[0].appendChild(jquery);

如何将jquery迁移到javascript？

1 个答案: