jQuery width返回不正确的值

Question

我正在制作线条图的光滑轮播（使用d3）和指令内部，我需要设置svg宽度。但是jQuery.width()返回了错误的宽度。

HTML是：

<slick settings="halls" slides-to-show="4" slides-to-scroll="1"
       style="height: 100px;" ng-if="hall.lectures.length">
    <div class="col-lg-3" ng-repeat="lectureId in lectures"
        ng-init="data = getData(lectureId)">
        <lecture-multiple data="data.data" name="data.name" start="data.start" end="data.end"></lecture-multiple>
    </div>
</slick>

lectureMultiple.js：

angular.module('module')
.directive('lectureMultiple', [
    '$log',
    '$window',
    function ($log, $window) {
        return {
            restrict: 'E',
            scope: {
                data: '=',
                name: '=',
                start: '=',
                end: '='
            },
            link: function (scope, element) {
                $log.warn($(element[0]).parent());
                $log.warn($(element[0]).parent().outerWidth());
            }
        };
    }]);

控制台记录25这不是正确答案。

如果你看到我做错了什么。请评论。

谢谢。