Meteor 物化模态&x2B;文件选择器模式-冲突

Meteor 物化模态&x2B;文件选择器模式-冲突,meteor,filepicker.io,materialize,Meteor,Filepicker.io,Materialize,因此,我使用以下方法在模态(某物)中加载模板 模板中有一个按钮,单击该按钮时,将使用在模板事件下编写的以下代码调用filepicker 'click #upload': function () { event.preventDefault(); filepicker.pickAndStore( { mimetypes: ['image/png'], multiple: fal

因此,我使用以下方法在模态(某物)中加载模板

模板中有一个按钮,单击该按钮时,将使用在模板事件下编写的以下代码调用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());
            }
        );
    },
我的问题是文件选择器模式在“something”模式下加载。由于这一点,我不仅不能访问filepicker模板,如果我甚至尝试单击“某物”模式之外的任何地方,该模式将关闭

理想情况下,我希望文件选择器弹出,上传图像,关闭它,在“某物”模式下做我需要做的事情,然后在模式外单击关闭它


有没有办法避免两个模态之间的冲突?

当然有,你需要调整模态的z索引:


当然,你需要调整模态的z指数:

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