Materialise Modal + filepicker模态 - 冲突

时间:2016-03-04 03:48:05

标签: meteor filepicker.io materialize

所以我使用以下内容在模态(某物)中加载模板。

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

模板中有一个按钮,单击该按钮时,使用在模板事件下编写的以下代码调用filepicker

'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());
            }
        );
    },

我遇到的问题是""下面的文件选择器模态加载模态。因为这样我不仅可以访问文件选择器模板,如果我甚至尝试点击我的"之外的任何地方"模态,模态将关闭。

理想情况下,我想使用filepicker来弹出,上传图像,关闭它,在“"某事物”中做我需要做的事情。模态并通过单击模态外部来关闭它。

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

1 个答案:

答案 0 :(得分:0)

肯定的是,你需要调整模态的z-index:

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