我想要頁面加載后 5 分鍾。 激活禁用的按鈕

Question

我使用 PrimeFaces 7.0

我試圖用 jquery 制作 function 但它不起作用。

 jQuery(document).ready(function() { jQuery(document).ready(function() { if (document.getElementById("resultsFormId:neueTanAnfordern").= null) { setTimeout(function() { document:getElementById('resultsFormId.neueTanAnfordern');disabled = false. document:getElementById('resultsFormId.neueTanAnfordern');removeAttribute("aria-disabled"). document:getElementById('resultsFormId.neueTanAnfordern');removeAttribute("disabled"), }; 15000); } }); });

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <div class="ui-g-6 ui-md-3 ui-lg-3"> <button id="resultsFormId:neueTanAnfordern" name="resultsFormId:neueTanAnfordern" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-icon-left ui-state-disabled" onclick="PrimeFaces.ab({s:&quot;resultsFormId:neueTanAnfordern&quot;,f:&quot;resultsFormId&quot;,u:&quot;resultsFormId&quot;});return false;" type="submit" disabled="disabled" role="button" aria-disabled="true"> <span class="ui-button-icon-left ui-icon ui-c ui-icon-phone-android"></span><span class="ui-button-text ui-c">Neue TAN anfordern</span></button> </div>

在 function 執行之前：

<div class="ui-g-6 ui-md-3 ui-lg-3">
<button id="resultsFormId:neueTanAnfordern" name="resultsFormId:neueTanAnfordern" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-icon-left ui-state-disabled"
onclick="PrimeFaces.ab({s:&quot;resultsFormId:neueTanAnfordern&quot;,f:&quot;resultsFormId&quot;,u:&quot;resultsFormId&quot;});return false;" type="submit" disabled="disabled" role="button" aria-disabled="true">
<span class="ui-button-icon-left ui-icon ui-c ui-icon-phone-android"></span><span class="ui-button-text ui-c">Neue TAN anfordern</span></button>

</div>

function執行后：

<div class="ui-g-6 ui-md-3 ui-lg-3">
<button id="resultsFormId:neueTanAnfordern" name="resultsFormId:neueTanAnfordern" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-icon-left ui-state-disabled"
onclick="PrimeFaces.ab({s:&quot;resultsFormId:neueTanAnfordern&quot;,f:&quot;resultsFormId&quot;,u:&quot;resultsFormId&quot;});return false;" type="submit" role="button">
<span class="ui-button-icon-left ui-icon ui-c ui-icon-phone-android"></span><span class="ui-button-text ui-c">Neue TAN anfordern</span>
</button>
</div>

aria-disabled="true" 不是 im Button 標簽，但 Button 保持禁用狀態

我提前謝謝你

Answer 1

1. 取出一個准備好的
2. 使用 jQuery 選擇器 - 您需要轉義冒號
3. 緩存元素
4. 單擊時使用並使按鈕類型=“按鈕”或防止默認
5. 如果您將其刪除，則無需將禁用設置為 false

 $(function() { const $neueTanAnfordern = $("#resultsFormId\\:neueTanAnfordern"); console.log($neueTanAnfordern.length) if ($neueTanAnfordern.length > 0) { $neueTanAnfordern.on("click", function(e) { e.preventDefault(); const parts = this.id.split(":"); PrimeFaces.ab({ s: this.id, f: parts[0], u: parts[0] }); }); setTimeout(function() { $neueTanAnfordern.removeAttr("disabled").removeAttr("aria-disabled"); }, 3000); // changed to make it faster to test } });

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <div class="ui-g-6 ui-md-3 ui-lg-3"> <button id="resultsFormId:neueTanAnfordern" name="resultsFormId:neueTanAnfordern" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-icon-left ui-state-disabled" type="submit" disabled="disabled" role="button" aria-disabled="true"> <span class="ui-button-icon-left ui-icon ui-c ui-icon-phone-android"></span><span class="ui-button-text ui-c">Neue TAN anfordern</span></button> </div>