基础弹出窗口没有关闭功能调用

时间:2016-07-21 10:52:09

标签: javascript jquery angularjs zurb-foundation

我们遇到的问题是在点击“提供反馈”按钮时关闭应用弹出的基础。

            <a class="align-center app-student-icon"
               zf-popup-toggle="{{'popup-' + $index}}">
                <span ng-bind="getMemberById(assessment.user).fullname"></span>
                <i class="icon icon-pencil-no-fill"></i>
            </a>
            <zf-popup id="{{'popup-' + $index}}" class="padding text-center">
                <h5>Question Feedback</h5>
                <textarea name="name"
                          rows="4"
                          placeholder="Leave feedback here"
                          ng-model="assessment.test.tutorFeedback"></textarea>
                <button type="submit"
                        class="button expand"
                        ng-click="closeAndSavePopup('popup-' + $index, assessment)">Give feedback</button>
            </zf-popup>

“提供反馈”按钮会触发以下范围功能:

    scope.closeAndSavePopup = function (popupId, object) {
        saveFeedback(object);

        setTimeout(function () {
            FoundationApi.closeActiveElements();
        });
    };

我们依赖注入了foundationApi,因此我们可以访问基础给我们的模块函数。我们使用了上面的例子以及

  

FoundationApi.publish(popupId,'close')

然而,点击基础弹出窗口似乎不想关闭。我们也使用切换而不是近距离看看这是否会产生影响。

是否有其他人遇到此问题并找到了解决方案?

1 个答案:

答案 0 :(得分:0)

在查看基础代码后,我们意识到这是我们的应用程序基础版本的错误/不良文档。

答案是将“关闭”包裹起来。在方括号内。

  

FoundationApi.publish(popupId,[&#39; close&#39;])

原因是因为在基础javascript中它期待弹出窗口的数组以及其他任何字符串..所以愚蠢..

欢呼声