单击项目时关闭“移动菜单”（elementor kit，wordpress）（单击文件菜单中的关闭命令能不能退出word环境）

25-04-17 8

本文将带您了解关于单击项目时关闭“移动菜单”的新内容，同时我们还将为您解释elementorkit，wordpress的相关知识，另外，我们还将为您提供关于elementorcss@media打印中断

本文将带您了解关于单击项目时关闭“移动菜单”的新内容，同时我们还将为您解释elementor kit，wordpress的相关知识，另外，我们还将为您提供关于elementor css @media打印中断页面拒绝工作、Elementor Dynamic Gallery 问题、Elementor Pro Slick js 图像延迟显示、Elementor Pro v2.8.1 wordpress插件的实用信息。

本文目录一览：

单击项目时关闭“移动菜单”（elementor kit，wordpress）（单击文件菜单中的关闭命令能不能退出word环境）
elementor css @media打印中断页面拒绝工作
Elementor Dynamic Gallery 问题
Elementor Pro Slick js 图像延迟显示
Elementor Pro v2.8.1 wordpress插件

单击项目时关闭“移动菜单”（elementor kit，wordpress）（单击文件菜单中的关闭命令能不能退出word环境）

这个问题不够详细，无法确切地了解菜单中哪个项目不起作用以及您想要实现什么，但是我认为是CASES链接引起了问题。它根本不包含“ href =“ ...”，因此这就是它不响应点击的原因。

它下面的其他字符正确包含<a href="#" ...。要使其正常工作，您应该包括a href="#"，然后将#更改为wordpress格式的常规网址：

<a href="<?php bloginfo('url'); ?>/link-to-the-page">CASES</a>

当您的链接正常工作时，移动菜单将自动消失-单击链接将重新加载页面，菜单将消失，直到您下次单击打开图标。

如果您希望菜单出现更高级的动画效果，可以尝试使用mainMenu.addEventListener('click',closeMenu(e))类型的javascript单击处理程序，将其定位于整个菜单区域或每个单独的链接项。

然后将该处理程序附加到已存在的切换菜单javascript中（我无法在您的站点中找到实际的代码，该结构很难掌握，我只找到了27个主题）。您可以通过将closeMenu(e)替换为从汉堡菜单切换菜单的函数名称来实现。确保在主题的原始脚本之后加载新的JS。

如果您不能使用原始的切换动画，则必须先创建一个CSS动画，然后在单击菜单/链接时使用javascript将该CSS类动态添加到＃main-menu元素中。假设您已经在上面声明了mainMenu变量，并在stylesheed中创建了animate-close css类（并且使菜单保持打开状态的css类称为open：

    const closeMenu(e) => {

      // e.preventDefault() -- only if you don't want the 
      // link clicks to work/send you along to the next page

      // Now close that darn menu:
      if (mainMenu.classList.contains('open') {
        mainMenu.classList.add('animate-close')
        mainMenu.classList.remove('open')
      }
    }

elementor css @media打印中断页面拒绝工作

关于分页后的注释（请参见https://developer.mozilla.org/en-US/docs/Web/CSS/page-break-after）。

此属性已被“追尾”属性取代。

但是在这里使用它是因为它仍然可以在大多数浏览器上根据caniuse.com运行，这就是问题所在。

问题是该CSS

@media print {
 /* hide items*/
 header,footer,#noprint {
     display: none !important; 
    }
    
/* hide url */
    a[href]:after{content:"";}
    a[href]:before{content:"";} 

    .break-the-page {
    page-break-after: always;
  }  
}

当要求浏览器打印时，

没有产生所需的分页符。

我已经将问题中给出的代码完全复制到了此代码段中，并且对我来说它是有效的-即，当我要求浏览器进行打印时，它显示了两个页面，标题1位于第一页的顶部，标题2位于顶部。第二个。

在Windows 10 Edge，Chrome，FireFox和iPadIOS13上的IE11和Safari（尽管不是通过StackOverflow）上测试并正常运行。

@media print {
 /* hide items*/
 header,#noprint {
     display: none !important; 
    }
    
/* hide url */
    a[href]:after{content:"";}
    a[href]:before{content:"";} 

    .break-the-page {
    page-break-after: always;
  }
  
  
}

<sectiondata-id="2012235" data-element_type="section">
                        <div>
                            <div>
                    <divdata-id="d66c3ae" data-element_type="column">
            <div>
                            <div>
                        <divdata-id="09d96c2" data-element_type="section">
                        <div>
                            <div>
                    <divdata-id="440a8f9" data-element_type="column">
            <div>
                            <div>
                        <divdata-id="b456ff5" data-element_type="widget" data-widget_type="heading.default">
                <div>
            <h2>Title 1( print page 1)</h2>      </div>
                </div>
                <divdata-id="e658862" data-element_type="widget" data-widget_type="text-editor.default">
                <div>
                    <div><p>Lorem ipsum dolor sit amet,consectetur adipiscing elit. Ut elit tellus,luctus nec ullamcorper mattis,pulvinar dapibus leo.</p></div>
                </div>
                </div>
                        </div>
                    </div>
        </div>
                                </div>
                    </div>
        </div>
                <divdata-id="7634f47" data-element_type="section">
                        <div>
                            <div>
                    <divdata-id="f0f5534" data-element_type="column">
            <div>
                            <div>
                        <divdata-id="3f8b767" data-element_type="widget" data-widget_type="heading.default">
                <div>
            <h2>Title 2 (print page 2)</h2>      </div>
                </div>
                <divdata-id="b3337ef" data-element_type="widget" data-widget_type="text-editor.default">
                <div>
                    <div><p>Lorem ipsum dolor sit amet,pulvinar dapibus leo.</p></div>
                </div>
                </div>
                        </div>
                    </div>
        </div>
                                </div>
                    </div>
        </div>
                        </div>
                    </div>
        </div>
                                </div>
                    </div>
        </section>

Elementor Dynamic Gallery 问题

如何解决Elementor Dynamic Gallery 问题？

我正在使用名为 Dynamic gallery 的 Elementor 模块来显示我的帖子。在它的顶部，我有带标签的过滤器。问题是如何将帖子正文中的标签集成到这个动态帖子网格中？屏幕截图 - http://prntscr.com/w7ykau

我搜索了所有网络，试图在 Elementor 中找到一些 PHP 视图模板，但仍然没有运气。很高兴为您提供任何帮助。非常感谢。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

Elementor Pro Slick js 图像延迟显示

如何解决Elementor Pro Slick js 图像延迟显示？

我在 wordpress 网站的英雄部分使用了 slick js。但是，每当我从第一张幻灯片反向滑动到最后一张幻灯片时，最后一张幻灯片的图像会延迟显示，直到半秒后才显示。

这是我正在开发的网站： https://shop.jerrychen.io

正如您在网站上看到的那样，每当滑块从第一张幻灯片反向滑动到最后一张幻灯片时，最后一张幻灯片的图像保持与第一张相同，然后稍后更改为自己的图像.

该网站是使用 Elementor Pro 页面构建器创建的。我创建了一个帖子部分，并通过设置其 CSS 类将其转换为一个光滑的 js 滑块：''.hero-container .elementor-slick-slider''。

流畅的 js 滑块初始化：

jQuery(document).ready(function(){
  jQuery(''.hero-container .elementor-posts'').slick({
    autoplay: true,infinite: true,slidesToShow: 1,slidesToScroll: 1,arrows: true,dots: true,});
});

如果有人能提供帮助，我将不胜感激。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

Elementor Pro v2.8.1 wordpress插件

Elementor Pro v2.8.1 破解wordpress主题插件

Elementor Pro可以提高你的wordpress设计的方方面面：生活，简单和有趣。从Elementor编辑器中实时设计所有表单。选择字段，增加间距，设置列和布局。。。控制一切，真正实现即见即所得。

链接：https://pan.baidu.com/s/1RS69Qf5WalRhT4xjnOd2Bw
提取码：点击获取

点赞
收藏
分享
- 文章举报

tkk1234 发布了4 篇原创文章 · 获赞 8 · 访问量 1万+ 私信关注

今天关于单击项目时关闭“移动菜单”和elementor kit，wordpress的介绍到此结束，谢谢您的阅读，有关elementor css @media打印中断页面拒绝工作、Elementor Dynamic Gallery 问题、Elementor Pro Slick js 图像延迟显示、Elementor Pro v2.8.1 wordpress插件等更多相关知识的信息可以在本站进行查询。

本文标签：