文章/答案/技术大牛

发布

社区首页 >问答首页 >Jquery内部GalleryView

问Jquery内部GalleryView
EN

Stack Overflow用户

提问于 2015-03-03 16:12:11

回答 1查看 41关注 0票数 0

我试着在模态中加载galleryView，但它似乎不起作用。

单独使用galleryView似乎很好。我知道以前有人问过这个问题，但我在其他帖子上找不到解决办法。

有谁有galleryView内部模式的一个可行的例子？

编辑：

content += "<a href='#openModal'>Pictures</a>";

$(function(){
    $('#myGallery').galleryView();
});

content +=  '<div id="openModal" class="modalDialog">'+
                    '<div id="dialog">'+
                    '<a href="#close" title="Close" class="close">X</a>'+
                    '<h3>'+place.name+'</h3>'+
                    '<p>'+place.formatted_address+'</p>';

content += "<ul id='myGallery'>";

//Loop for thumbnail                                
for (var i = 0; i < place.photos.length; i++) {
    thumbnail = place.photos[i].getUrl({'maxWidth': 88, 'maxHeight': 88});
    content += "<li><img src='"+thumbnail+"' alt='"+place.name+"'/>";

}
content += "</ul>";

content +=  '</div></div>';

在Infowindow中，我能够设置内容，并且可以很好地显示，但是当我使用galleryView时.它不再起作用了。只是一片空白。

有什么建议吗？

jquery

galleryview

javascript

回答 1

Stack Overflow用户

回答已采纳

发布于 2015-03-03 16:41:23

下面是加载galleryview的简单对话框代码，我测试了它的工作情况。

  <script type="text/javascript">
    var place = {name:"first name ", formatted_address:"street address line 1"};
    place.photos = [{url:"http://www.spaceforaname.com/galleryview/img/photos/bp1.jpg",name:"Lone Tree Yellowstone"},{url:"http://www.spaceforaname.com/galleryview/img/photos/bp2.jpg",name:"Is He Still There?!"},{url:"http://www.spaceforaname.com/galleryview/img/photos/bp4.jpg",name:"Noni Nectar For Green Gecko"},{url:"http://www.spaceforaname.com/galleryview/img/photos/bp7.jpg",name:"Flight of an Eagle Owl"}];

    var content = "<a href='#openModal'>Pictures</a>";

    content +=  '<div id="openModal" class="modalDialog" style="display:none">'+
                        '<div id="dialog">'+
                        '<a href="#close" title="Close" class="close">X</a>'+
                        '<h3>'+place.name+'</h3>'+
                        '<p>'+place.formatted_address+'</p>';

    content += "<ul id='myGallery'>";

    //Loop for thumbnail                                
    for (var i = 0; i < place.photos.length; i++) {
        thumbnail = place.photos[i].url;
        content += "<li><img src='"+thumbnail+"' alt='"+place.photos[i].name+"'/>";

    }
    content += "</ul>";

    content +=  '</div></div>';

    $(function(){
        $( "#triggerdialog" ).on( "click", function() {
          $('#model-wrapper').html(content);          
        });
        $("body").on("click","a[href='#openModal']", function() {
            console.log("model click");
            $('#myGallery').galleryView();
            $("#dialog" ).dialog();
        });
    });
</script>

   <body>
    <button id="triggerdialog">Load Content</button>
    <div id="model-wrapper" />
</body>

这是根据你的问题更新的答案

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/28836526

复制

相似问题

问Jquery内部GalleryView
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Jquery内部GalleryViewEN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Jquery内部GalleryView
EN