堆棧內存溢出
  簡體   English   中英

jQuery 其他組件加載前的點擊動作

[英]jQuery click action before other component load

 原文  2022-08-30 09:10:48  9   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