问题标签 [elastic-grid]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
3 回答
323 浏览

javascript - 无法使用 Javascript 打开空白 URL

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

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

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

0 投票
1 回答
351 浏览

javascript - 分叉弹性网格插件能够通过单击屏幕上的任意位置来关闭预览

我正在将弹性网格插件用于站点上的网格显示系统,但我希望能够简单地单击展开的视图并自动关闭,而无需按照插件的建议单击缩略图或“x”按钮.

我浏览了一下代码,认为这是我需要编辑的地方

但是,我不确定该怎么做。我试图实现这里提到的这种方法但没有运气。对此的任何指导将不胜感激。

插件供参考: http ://demo.phapsu.com/jquery.elastic_grid/

0 投票
0 回答
412 浏览

javascript - 如何使用 Jquery 弹性网格插件动态绑定图像

我正在使用 jquery 弹性网格插件在缩略图网格中显示具有扩展预览的图像。它在绑定静态图像时运行良好,但是在动态附加图像时出现“标签未定义”之类的错误。

谁能帮助如何解决这个错误?

示例代码:

0 投票
0 回答
111 浏览

javascript - 使用 jQuery Elastic Grid 存在类“og-expanded”时调用函数

我将插件http://demo.phapsu.com/jquery.elastic_grid/用于投资组合,并在I上使用 jQuery backstretch 插件 ( http://srobbin.com/jquery-plugins/backstretch/ )<section>有投资组合。单击投资组合项目并打开投资组合项目时,后伸不会更新。我想要做的是,一旦投资组合项目展开(存在“og-expanded”类),就调用 backstretch 进行更新,然后在展开的项目关闭时再次调用 backstretch 进行更新。

$("#portfolio").backstretch("resize");我尝试通过在此处找到的代码中调用来调用 backstretch : Forking elastic grid plugin to be able to close preview by clicking any place on the screen这是一种解决方案,允许用户在单击投资组合弹出窗口之外的任何位置时关闭投资组合项目,但它似乎不起作用。

任何帮助,提示,将不胜感激。谢谢。

0 投票
2 回答
193 浏览

javascript - 弹性网格 jquery 插件中的滚动错误

我正在使用弹性网格插件来显示我的画廊。我在插件中发现了一个错误,我想知道如何修复它。

要重新创建错误:

1) 单击图像以显示扩展的详细信息。

2)点击当前幻灯片下方的一行中的图像会导致插件错误地计算滚动。单击幻灯片上方似乎工作正常。

有没有人发现这个错误的解决方案?我附上了参考图片

图片1

图片2

谢谢你的时间。干杯

0 投票
2 回答
455 浏览

javascript - 弹性网格 | “未捕获的类型错误:无法读取未定义的属性 'toLowerCase'”

整理个人和项目组合,并尝试将 Vu Khanh Truong 的“elastic_grid”jQuery 插件用于实际组合。你可以在这里查看。问题是它似乎在我的页面上导致以下错误:

1)我有一个投资组合部分的标题,当我加载运行插件的页面时,它使我的标题消失。

2) 应该有根据用于对内容进行分类的不同标签出现的过滤按钮,而那些不会出现。

3) 它加载了我正在使用的不同类别的预览缩略图图像,但是当我点击它们时,它不会像预期的那样加载带有全尺寸图像(和描述)的模式。

当我在 Chrome 中打开控制台时,出现以下错误:

Uncaught TypeError: Cannot read property 'toLowerCase' of undefined

我尝试创建一个 JSFiddle 来发布以复制我遇到的问题,但我猜 JSFiddle 不允许您使用某些脚本或其他东西?'因为每当我尝试在页面上包含我正在使用的所有脚本时,它都会在控制台中给我MIME 类型错误。

我已经根据文档安装并使用了该插件,但我并不是最擅长解构 Javascript,所以我不知道为什么会出现这些错误。:P 如果有人可以提供帮助,我将不胜感激。

HTML

CSS

JS(来自我在上面的 HTML 部分中引用的“my.js”文件)

0 投票
1 回答
336 浏览

jquery - 强制 jQuery 弹性网格插件每行显示 3 个项目和中心过滤器选择器

该插件的文档不存在,或者我是盲人,但我正在寻找一种方法:

  • 强制 elastic-grid jQuery 插件每行显示 3 个项目
  • 强制过滤器选择器(网格上方的弹性网格导航栏)与页面中心对齐

这是我的函数(为简单起见,所有值都替换为占位符):

如果可能的话,我在哪里可以定义:

  • 每行的项目数
  • 过滤器选择器的对齐方式(即'All' | 'Tag1' | 'Tag2' | etc