NG-Joyride不起作用

Question

我目前正在尝试使ng-joyride上班，但实际上它似乎不想做我想做的事情。...

我有以下设置：

html：

<!--some content-->
<div class="hide" ng-joy-ride="$ctrl.startJoyRide" config="$ctrl.config" on-finish="$ctrl.onFinish()"  on-skip="$ctrl.onFinish()"></div>
<button type="button" class="btn btn-default" ng-click="$ctrl.test()">Start Joyride</button>

JS：

class Controller {
    constructor() {
        this.config = [
            {
                type: "title",
                heading: "Welcome to the NG-Joyride demo",
                text: '<div class="row"><div id="title-text" class="col-md-12"><span class="main-text">Welcome to <strong>Ng Joyride Demo</strong></span><br><span>( This demo will walk you through the features of Ng-Joyride. )</span><br/><br/><span class="small"><em>This can have custom html too !!!</em></span></div></div>'
            }
        ];
        this.startJoyRide = false;
    }
    test(){
        this.startJoyRide=true;
    }
}
export default Controller;

所以我的配置尽可能简单，但是当我单击按钮时，它根本没有显示任何内容...

也（单击按钮时），我在控制台上遇到错误，说 $fkEl.size is not a function。

有人在这里看到错误，还是知道为什么它不起作用？

Answer 1

已经注意到 - 但尚未解决 - 这里：https：//github.com/abhikmitra/ng-joyride/issues/sissues/67

tl：dr;开发人员尚未将其更新为JQuery 3。

直到他这样做，您必须将.size()更改为.length，并确保您使用的是较早版本的JQuery - 我使用的是2.2.4 - 只是降级可能会有所不同。

祝你好运！