jQuery 其他组件加载前的点击动作
[英]jQuery click action before other component load
问题描述
Optimized my website with WP Rocket and delayed javascript execution with some exclusions.
使用 WP Rocket 优化了我的网站，并延迟了 javascript 的执行，但有一些排除。 Excluded: /jquery-?0-9.(.min|.slim|.slim.min)?.js and js-(before|after) and my script which has code:排除：/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')
});
});
When I'm loading a website - getting first message in console "F loaded", but after click - action happens only after all rest scripts are loaded.当我加载网站时 - 在控制台“F 加载”中收到第一条消息，但单击后 - 仅在加载所有 rest 脚本后才会发生操作。 Is there any way to avoid waiting for all other scripts and make that action (style add after click) immediately?有什么方法可以避免等待所有其他脚本并立即执行该操作（单击后添加样式）？ Tried with plain javascript but got same result.尝试使用普通的 javascript 但得到了相同的结果。
2 个解决方案
解决方案1
0 2022-08-30 09:41:28
You can use modern way to write click event outside the document ready you will be able to perform click outside document ready.您可以使用现代方式在准备好的文档外编写点击事件，您将能够在准备好的文档外执行点击。
$(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.