jquery 不显示隐藏的 div 部分与 css

Posted 2023-03-05

【中文标题】jquery 不显示隐藏的 div 部分与 css

【英文标题】：jquery does not show hidden div section with css

【发布时间】：2021-01-17 02:48:40

【问题描述】：

我正在使用 elementor 创建一个在单击输入按钮后出现的照片库。我的问题是，在隐藏的 div (css display:none) 中，当我将 show () 或 toggle () 与 jquery 一起使用时，画廊不会显示，但其他文本元素会显示。如果我单击另一个链接文本，它们就会出现。这怎么可能？对于画廊，我使用了一个名为“Photoblock”的 wordpress 插件（通过在 div 中插入短代码，画廊显示）。

我在这里留下我的代码，在这里你可以看到页面的样子website 只需点击画廊即可查看白色部分，如果您点击简历，照片就会出现。

我使用 element 后的 html 或者你可以在页面上用 inspect 看到它

这是隐藏所有元素的 div 的 css 和类

.apri
 display:none;
 

这是带有按钮功能的 jquery 应该调出 div

var hbtn = $(".clicca");
var hcon = $(".apri");


hbtn.click(function(e) 
var index = hbtn.index(this) 
$(hcon).eq(index).slideToggle("slow");

e.preventDefault();     
);   

谢谢

【问题讨论】：

sn-p 仅在存在可以执行的内容并显示实际问题时才有意义——这显然不是这里的情况。请添加真实的minimal reproducible example

【参考方案1】：

你使用了太多的显示隐藏类和 JS 函数来完成一个简单的任务。不知道你用的是什么 CSS 库。但如果你使用的是 Bootstrap，这很简单，这是我的建议。

Check Bootstrap Elements

您可以在这里简单地使用.d-sm,md,lg,xl-none 来管理您需要的内容。

【讨论】：

我没有使用引导程序，我在这里看到了问题，当我加载照片库时它不起作用，如果我加载它们显示的单张照片。我是 jquery 的新手，还有什么方法可以缩短代码吗？以“这个”为例。谢谢