5

在我更改了跨度内的文本之后，我无法让 jQuery 的resize事件在 a 上触发。span

我正在span使用 AngularJS 指令将事件处理程序应用于元素：

angular.module("test.directives", [])
    .directive("trackSize", ["$parse", function($parse) {
        return function(scope, element, attrs) {
            function callback() {
                var size = { w: element.width(), h: element.height() };
                scope[attrs.trackSize].call(scope, size);
            }
            element.on("resize", function() {
                console.log("resize");
                scope.$apply(callback);
            });
            callback();
        };
    }]);

但是当里面的文本发生变化时，我没有看到回调触发span。如果相关：正在使用嵌入的 AngularJS 表达式更改文本。

我的实际（完整）代码片段可以在 jsFiddle 上看到：http: //jsfiddle.net/KkctU/13/

4

1 回答 1

3

resize 事件并不适用于文档内的元素，例如跨度。它仅用于窗口。

这是一个可能对您有所帮助的插件。我没有使用它，但它似乎对你来说是正确的。

不过，最后，在指令中设置一个监视绑定到它的内容可能会更好/更容易，然后检查文本更改时高度和宽度是否发生了变化。就像一个想法：

app.directive('trackSize', function () {
   return function(scope, element, attrs) {
       var w = element.width(),
           h = element.height();
       scope.$watch(attrs.trackSize, function(v) {
           element.text(v);
           var w2 = element.width(),
               h2 = element.height();
           if(w != w2 || h != h2) {
              //TODO: do something here, the size has changed.
           }           
       });
   }
});
于 2013-02-03T05:55:11.480 回答