3

Zurb の Foundation Joyride プラグインをいじって、可能なオプションを調べています。私はいくつかの作業をしましたが、オプションの1つが何をするのかわかりません。

 tip_location_patterns: {
    top: ['bottom'],
    bottom: [], // bottom should not need to be repositioned
    left: ['right', 'top', 'bottom'],
    right: ['left', 'top', 'bottom']
 }

私は一生、これらのオプションが何を変更することになっているのか理解できません。私のプロジェクトコードでそれらを変更しようとしても何もしません。これの目的と、それを適切に機能させる方法を知っている人はいますか?

https://github.com/zurb/foundation/blob/master/js/foundation/foundation.joyride.js

4

1 に答える 1

2

これは、joyride がツールチップを再配置しようとする順序を示します。

たとえば、(上記の 3 番目のオプション) に設定tip_locationし、画面に収まらない場合は、再配置して収まるかどうかを確認し、最後に.lefttip_location_patternsrighttopbottom

このコードを参照してください：

    if (!this.visible(this.corners(this.settings.$next_tip)) && this.settings.attempts < this.settings.tip_settings.tip_location_pattern.length) {

      $nub.removeClass('bottom')
        .removeClass('top')
        .removeClass('right')
        .removeClass('left');

      this.settings.tip_settings.tip_location = this.settings.tip_settings.tip_location_pattern[this.settings.attempts];

      this.settings.attempts++;

      this.pos_default();

    }
于 2015-11-06T10:42:44.557 に答える