3

使用Responsive & Filterable jQuery Portfolio Gallery Plugin构建图像库- Elastic Grid在这里找到--> http://www.jqueryscript.net/layout/Responsive-Filterable-jQuery-Portfolio-Gallery-Plugin-Elastic-Grid.html

在一个单独的链接 js 文件中得到了这个......

{
                    'title'         : 'WBIR.com Remake',
                    'description'   : 'Detailed Description Goes Here',
                    'thumbnail'     : ['images/small/39.jpg'],
                    'large'         : ['images/large/39.jpg'],
                    'button_list'   :
                    [
                        **{ 'title':'Live Preview', 'url' : 'http://dkdesigns.us/aiu/uploads/web/k_downey_ip5_vcdd330/index.html',},**
                    ],

                    'tags'          : ['Web']
                },

谁能指出我如何在新窗口中打开此实时预览链接的正确方向？

4

3 回答 3

1

我知道这有点老了，但是查看最新的来源，我发现现在支持此功能（以及从未接受过答案）。

您需要编写类似于以下的代码：

...
{
    'title'         : 'WBIR.com Remake',
    'description'   : 'Detailed Description Goes Here',
    'thumbnail'     : ['images/small/39.jpg'],
    'large'         : ['images/large/39.jpg'],
    'button_list'   :
    [
        { 
            'title': 'Live Preview', 
            'url': 'http://dkdesigns.us/aiu/uploads/web/k_downey_ip5_vcdd330/index.html', 
            'new_window': true, 
        },
    ],
    'tags': [ 'Web' ]
}
...

请注意'new_window':button_list 数组的第一个对象中新添加的属性。

我希望这可以帮助那些未来看起来像我一样的人，更快 - 更容易 - 找到答案。

于 2015-11-02T03:15:52.127 回答
0

Thaks so much. Got it working…</p>

In the “elastic_grid.js” …this is the code that did the trick…</p> 

if(urlList.length > 0)
                {
                    for (i = 0; i < urlList.length; i++)
                    {
                        var ObjA = $('<a target="_blank"></a>');
                        ObjA.addClass('link-button');
                        if(i==0){
                            ObjA.addClass('first');
                        }
                        ObjA.attr("href", urlList[i]['url']);
                        ObjA.html( urlList[i]['title']);
                        /* ObjA.attr("target", "_blank"); */
                        this.$detailButtonList.append(ObjA);

                    }
                }

You are awesome! Thanks! Kevin

于 2014-09-23T00:05:54.463 回答
0

您找到的这个插件不支持在新窗口中打开链接。

但是，如下所示编辑代码附带的 elastic_grid.js 可以解决您的问题。

if(urlList.length > 0){
   for (i = 0; i < urlList.length; i++){
      var ObjA = $('<a target="_blank"></a>');
      ObjA.addClass('link-button');
      if(i==0){
       ObjA.addClass('first');
      }
      ObjA.attr("href", urlList[i]['url']);
      ObjA.html( urlList[i]['title']);
      this.$detailButtonList.append(ObjA);
   }
}
于 2014-09-21T05:26:52.207 回答