首次使用的用户

Question

我正在尝试为我网站的第一次用户进行导游。它在localhost上完美运行，但是当我将它上传到我的开发服务器时，它无法正常工作，即工具提示不在指定的位置。请参阅以下两个屏幕截图 -

我认为问题是因为到目前为止我没有加载组件，所以我认为工具提示的渲染发生在页面中间。

我使用的存储库是here

代码 - 控制器

$scope.IntroOptions = {
        steps:[
        {
            element: '#step1',
            intro: "<b>First Step First: </b>Click here to define structure of your test scripts!!<br/>You can modify this later on any time",
            position: 'left'
        },
        {
            element: '#step2',
            intro: "Click here to select a folder/test script spreadsheet from google drive.",
            position: 'bottom'
        }] 
,
        showStepNumbers: false,
        exitOnOverlayClick: false,
        exitOnEsc: false,
        nextLabel: '<strong>NEXT!</strong>',
        prevLabel: '<span style="color:green">Previous</span>',
        skipLabel: 'Exit',
        doneLabel: 'Thanks!'
    };
    $scope.ShouldAutoStart = false;

    $timeout(function(){
      $scope.CallMe();
    }, 0);

HTML代码 -

<div ng-controller="tourController" class="container-narrow">
    <div ng-intro-options="IntroOptions" ng-intro-method="CallMe"
             ng-intro-oncomplete="CompletedEvent" ng-intro-onexit="ExitEvent"
             ng-intro-onchange="ChangeEvent" ng-intro-onbeforechange="BeforeChangeEvent"
             ng-intro-onafterchange="AfterChangeEvent"
             ng-intro-autostart="ShouldAutoStart">
    </div>
  </div>

**我尝试使用angular.element（document）.ready（），但它无效。

  

现在正在运行超时1000毫秒，但我想在那里   必须是一个更好的方法来做到这一点