有没有办法显示谷歌驱动器选择器显示在自定义模式或div内?我有一个模式,用户可以选择多个提供商,例如谷歌,DropBox.该模式包含其中的所有js和css文件.因此,当我点击谷歌驱动器时,选择器iframe被嵌入到我的模态后面,虽然我的模态z-index是1030而选择器iframe zindex是2292.
解决方法
我通过使用以下代码在前面设置谷歌选取器容器解决了这个问题:
- var picker = new google.picker.PickerBuilder()
- .enableFeature(google.picker.Feature.NAV_HIDDEN)
- .enableFeature(google.picker.Feature.MULTISELECT_ENABLED)
- .setAppId(appId)
- .setOAuthToken(oauthToken)
- .addView(view)
- .addView(new google.picker.DocsUploadView())
- .setDeveloperKey(developerKey)
- .build();
- if (callback)
- picker.setCallback(callback);
- picker.setVisible(true);
- //I put this code to make the container in front.
- var elements= document.getElementsByClassName('picker-dialog');
- for(var i=0;i<elements.length;i++)
- {
- elements[i].style.zIndex = "2000";
- }