问题标签 [twentytwenty]

我正在使用 TwentyTwenty jQuery 库来让我有 2 个带有前后滑块的图像，我想在 Bootstrap 模式中显示这些图像。

但是，一旦我单击缩略图图像打开模态，图像不会显示在模态中，直到我调整浏览器的大小（我可以将其调整 1px，然后它会立即显示）。

我试过使用 window.dispatchEvent(new Event('resize')); 到浏览器计算图像所需的高度，但它不起作用。JavaScript（或jQuery）中是否有一些功能可以强制浏览器显示图像？

页面在这里：

http://turfectsolutions.chrisstclair.co.uk/Gallery/

谢谢！:)

At the moment I'm trying to use this plugin https://github.com/zurb/twentytwenty within a AngularJS Directive.

When I load my application for the first time everything works fine, but since the plugin runs after $(window).load and my app is a SPA it executes only once. That means when I leave the view and come back at a later point, the plugin stops working.

My Directive looks like this:

I'm still learning AngularJS and this is my first time using a jQuery plugin within a Directive, so I have absolutely no idea how to solve this. :(

我在一个网站上工作，有一个“前后”动画的例子，我用二十二十个 js 做的。

除了一页之外，它在任何地方都可以正常工作，其中后图像（右侧）似乎不适合“容器”。图像应该有一个浅色边框，但它只显示在顶部。使用“border: 1px solid lightgrey”具有相同的结果。

问题页面链接：

http://www.nordglueck.com/printness/html/Referenz/raumplus_Faltposterbroschuere_Illustration_nach_Bild.html

我想使用TwentyTwenty.js代码来比较图像。除了图像与左侧对齐之外，这一切都很好。如何在不明确设置容器宽度的情况下将它们保持在中心？

http://codepen.io/anon/pen/EmEYjQ

如果我在容器上设置固定宽度，则图像位于中心，但我希望图像不限于宽度，除了它们不比屏幕宽

如果我使用 flex 居中而不是手柄不在中心

我正在尝试将二十二十个插件的多个实例嵌套在引导轮播中。

这是我的代码：

还有我的js：

问题是轮播中的第一项显示得很好，但是当我滑动到第二项时它是空白的，就像 div 没有加载/显示一样。

旁注：如果我在第二张幻灯片上单击 chrome 中的“检查元素”，它会突然出现。

非常感谢任何帮助，
Alex @atypicalthemes.com

我无法创建一个代码笔来演示这个问题（太多的依赖项无法解决）所以希望描述就足够了。

我成功地将swiper.js与2020结合用于一个项目。在包括 Microsoft Edge 在内的所有现代浏览器中，这两个部分协同工作。

这就是 jQuery 3.2.1 的全部内容。

并且使用一些 jQuery 来禁用在选择“手柄”时从幻灯片移动到幻灯片，您不会获得视差效果（触摸设备等部件有更多部分，但此处不适用）。

我以为一切都准备好了。jquery.event.move当我发现 2020 需要的脚本对 IE 有 polyfill 要求时，我继续进行测试。一旦这些被整理出来，一切都加载到 IE 中。但是当我点击手柄时，关于二十二十的事情没有发生。整个幻灯片移动了，console.log在事件中添加显示它们没有触发。我在 20 中重新启用了该click_to_move选项，它可以移动手柄。但这显然不是最理想的。

有人有想法吗？您想了解更多信息吗？我应该提交错误报告吗？谢谢！

我正在尝试使用之前/之后的滑块图像构建我的第一个网站。我正在使用TwentyTwenty jQuery 插件。访问网站时，并非所有图像都显示 - 当我重新加载或调整窗口大小时，所有图像都显示。

我的网站：http ://www.nygreenstreets.com

TwentyTwenty 插件：https ://zurb.com/playground/twentytwenty

GitHub 上的 TwentyTwenty 插件：https ://github.com/zurb/twentytwenty

对于未显示的图像，我看到的高度为 0px。

<div class="twentytwenty-container" style="height: 0px;">

滑块图像正确显示/滑块图像未显示/仅在调整窗口大小或重新加载页面后才会显示所有滑块图像。

图像滑块位于以下容器中：

脚本：

我使用一个 js 插件二十二十。有用。但是我想通过js创建一个画廊。但是当我尝试应用 display:block 时，图像无法正确显示。

这是正常图片的css：

html:

我添加的内容：

图片看起来很奇怪:(请帮忙。

我按照所有说明创建了我的子主题。在functions.php中，我有：

在 style.css 中，我有正确的标题注释部分：

但是，似乎孩子 style.css 不起作用，没有效果。在页面 HTML 代码中，以下行显示并看起来正确：

我使用 woocommerce，但我没有建立电子商务网站，它是一个包含一系列营销图片的网站，从类别开始，然后致力于产品。

例如，我有一个名为“Wood Stoves”的页面，我将其设为主要类别，这是一个页面，但在该页面内，我需要与该类别相关联的“品牌”，但它们仍然是类别，因此，例如“品牌 1”，它的父级是“Wood Stoves”，它需要有一个图像。所以这些然后成为可点击的类别。

然后在那个品牌里面会有产品，但我只想再次显示带有一点文字的图像。

所以第一页是主要类别中的类别（brnads），然后里面是品牌内的产品。

我的网站是https://www.accend4web.co.uk/little-stove-company/并且正在使用 TwentyTwenty 主题，这似乎也不适用于 woocommerce。