Javascript Konflikt mit jquery Fadein der Schaltfläche

Question

Ich habe einen Konflikt mit meinem Javascript, die Elemente verursacht nicht zu verblassen. Ich habe einen Knopf, der nach 10 Sekunden verblasst, der gut funktioniert, wenn ich mein Javascript entferne, das ich für etwas anderes verwende.

Kann mir jemand helfen herauszufinden, was der Konflikt sein könnte?

Sie können den Test-Seite arbeite ich hier auf: https://training.handcraftedbusinessfilms.com/test-fade-in/

ich derzeit JavaScript entfernt haben, den Konflikt verursacht, aber Sie können es unten sehen.

<script type="text/javascript"> 
//Custom code by James 
jQuery(document).ready(function (jQuery) { 
    //binds to the plugin's function 
    jQuery("input[name='gform_payment_method']").on('click', gfpStripeToggleCreditCard); 
    //triggers the change to default option 
    jQuery("input[id^=gform_payment_method_card_]").click(); 
    console.log("Hello James"); 
}); 
</script> 

Answer 1

Bro, ist das Skript richtig, aber ich sehe, dass Sie zwei Anrufe von „document.ready“ haben in den verschiedenen Teilen der html, so müssen nur einmal verwenden. Ich habe verschmolzen und getestet das Skript im „Kopf“ Tag und es funktioniert:

<script> 
    $(document).ready(function() { 
     $("div.button").fadeIn(2000); 

     //By James 
     //binds to the plugin's function 
     jQuery("input[name='gform_payment_method']").on('click', gfpStripeToggleCreditCard); 
     //triggers the change to default option 
     jQuery("input[id^=gform_payment_method_card_]").click(); 
     console.log("Hello James"); 

    }); 
</script> 

Answer 2

Die jquery genannt wurde, bevor es in der Kopfzeile definiert wurde b/c die Skripte in den Header über das Thema injiziert wurden, und Wir konnten die Reihenfolge der Skripte nicht genau steuern.

Die Lösung bestand darin, eine site specific plugin zu erstellen, die eine Funktion festlegen, die das Aufrufen von JQuery vor dem Definieren der JQuery verzögerte.