如何在MDL-Stepper中初始化工具提示?

时间:2016-09-26 15:55:44

标签: javascript jquery html angularjs

我正在尝试制作一个MDL-Stepper,它运行良好,但我真的很难在工具提示中工作。

在我的网站的其他页面上我使用此javascript:

     function ($scope, $timeout, bsLoadingOverlayService){

        var initialize = function () {
                //moreFunctions
                $scope.initTooltips();
            }

         $scope.initTooltips = function () {
            angular.element(".tooltipped").tooltip();
        }

       initialize();
    });

并在HTML中:

<a class="btn right tooltipped" data-position="bottom" data-delay="50"
                                   data-tooltip="TooltipText" 
                           >ButtonText</a>

所有这些都很有效,但在使用MDL步进器时,工具提示不会出现。 我的Stepper看起来像这样:

<div class="mdl-card mdl-shadow--2dp">
                        <div class="mdl-card__supporting-text">

                            <div class="mdl-stepper-horizontal-alternative">
                                <div class="mdl-stepper-step" ng-class="{'editable-step': isStepDone(1) && !isStepActive(1), 'active-step' : isStepDone(1) || isStepActive(1)}" ng-click="stepTo(1)">
                                    <div class="mdl-stepper-circle"><span>1</span></div>
                                    <div class="mdl-stepper-title">StepOne</div>
                                    <div class="mdl-stepper-bar-left"></div>
                                    <div class="mdl-stepper-bar-right"></div>
                                </div>
                                <div class="mdl-stepper-step" ng-class="{'editable-step': isStepDone(2) && !isStepActive(2), 'active-step' : isStepDone(2) || isStepActive(2)}" ng-click="stepTo(2)">
                                    <div class="mdl-stepper-circle"><span>2</span></div>
                                    <div class="mdl-stepper-title">StepTwo</div>
                                    <div class="mdl-stepper-bar-left"></div>
                                    <div class="mdl-stepper-bar-right"></div>
                                </div>
                           </div>
</div>

我尝试在初始化函数和stepTo(..)函数中初始化工具提示,但它没有工作。

0 个答案:

没有答案