Materialise Modal + filepicker Modal - 冲突答案

【问题标题】：Materialize Modal + filepicker Modal - ConflictMaterialise Modal + filepicker Modal - 冲突
【发布时间】：2016-03-04 03:48:05
【问题描述】：

所以我使用以下内容在模态（东西）中加载模板。

Template.something.onRendered(function(){
    this.$(".modal-trigger").leanModal();
});

模板中有一个按钮，单击该按钮时使用模板事件下编写的以下代码调用文件选择器

'click #upload': function () {

        event.preventDefault();
        filepicker.pickAndStore(
            {
                mimetypes: ['image/png'],
                multiple: false
            },
            {
                access: "public"
            },
            function (InkBlobs) {
                var InkBlob = _.first(InkBlobs);
                var FilepickerId = _.last(InkBlob.url.split("/"));

            },
            function (FPError) {
                if (FPError && FPError.code !== 101)
                    alert(FPError.toString());
            }
        );
    },

我遇到的问题是文件选择器模式在“某物”模式下加载。正因为如此，我不仅无法访问文件选择器模板，如果我什至尝试单击“某物”模态之外的任何位置，模态将关闭。

理想情况下，我想弹出文件选择器，上传图片，关闭它，在“某事”模式中做我需要做的事情，然后通过在模式外单击来关闭它。

有什么办法可以避免两种模态之间的冲突？

【问题讨论】：

标签： meteor filepicker.io materialize

【解决方案1】：

确实，你需要调整模态框的z-index：

https://developer.mozilla.org/en-US/docs/Web/CSS/z-index

【讨论】：