堆栈内存溢出
  繁体   English   中英

jQuery 其他组件加载前的点击动作

[英]jQuery click action before other component load

 原文  2022-08-30 09:10:48  4   2    javascript/ jquery/ wordpress

问题描述

使用 WP Rocket 优化了我的网站，并延迟了 javascript 的执行，但有一些排除。 排除：/jquery-?0-9.(.min|.slim|.slim.min)?.js 和 js-(before|after) 和我的脚本有代码：

jQuery(document).ready(function() {
    console.log('F Loaded');
  jQuery('#div_id').bind('click', function() {
    jQuery('#desired_element').css('display','block');
    console.log('Clicked')
  });
});

当我加载网站时 - 在控制台“F 加载”中收到第一条消息，但单击后 - 仅在加载所有 rest 脚本后才会发生操作。 有什么方法可以避免等待所有其他脚本并立即执行该操作（单击后添加样式）？ 尝试使用普通的 javascript 但得到了相同的结果。

2 个解决方案

解决方案1
 0  2022-08-30 09:41:28

您可以使用现代方式在准备好的文档外编写点击事件，您将能够在准备好的文档外执行点击。 

 $(document).ready(function() { console.log('F Loaded'); }); $(document).on('click', '#div_id', function(event){ jQuery('#desired_element').css('display','block'); console.log('Clicked') });
 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div id="div_id">Click me</div> <div id="desired_element" style="display:none">TEST CONTENT</div>

解决方案2
 0  2022-08-30 10:04:21

 <html> <head><title>test</title></head> <body> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div id="Clickme">Click me</div> <div id="Contentsection" style="display:none">Test Content content....</div> <script> $('#Clickme').on('click', function(event){ $('#Contentsection').show(); console.log('Clicked') }); </script> </body> </html>

暂无
暂无

声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 jQuery：单击前确认操作 在单击页面jquery mobile之前加载复选框 jQuery .click（）在自定义函数之前执行默认操作 如何在 jQuery 单击上的现有 jQuery 应用程序中加载 React 组件 jQuery：当单击内部的其他对象时，阻止onclick div操作 如何使用主模板在所有其他Javascript之前加载jquery 单击按钮以在其他页面上加载Google Maps（jQuery Mobile / JavaScript） 点击动作Jquery无法正常工作 Sidr Click Action Jquery 点击时的jQuery没有任何作用
相关标签
 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM