为什么我的手表没有在AngularJS中触发？

Question

在我的指示中，我有这样的表：

scope.$watch(function () { return $(".submenu").is(":visible"); }, function (newVal, oldVal) {
    scope.vm.isHorizontalMenuVisible = newVal;
});

我想要的很简单：当一个类scope.vm.isHorizontalMenuVisible的div可见时，将submenu设置为true，例如display: block。但我的手表仅在页面加载时触发，然后再从未触发。我100％确定特定div是可见的，因为当我在我的日志中输入$(".submenu").is(":visible")时，它会返回，具体取决于div是可见的，是真还是假。

有人可以向我解释为什么这不起作用以及如何解决这个问题？

我正在使用Angular 1.3