2016-03-25 29 views
0

我與我的JavaScript的衝突導致元素不淡出。我有一個按鈕設置爲10秒後淡入淡出效果很好,當我刪除我用於其他東西的JavaScript。與jquery的按鈕淡入淡出的JavaScript衝突

任何人都可以幫我找出衝突可能是什麼?

您可以看到測試頁,我在這裏工作:https://training.handcraftedbusinessfilms.com/test-fade-in/

目前我已刪除了導致衝突的JavaScript,但你可以在下面看到它。

<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> 

回答

0

兄弟,你的腳本是正確的,但我看到你在HTML的不同部分「的document.ready」的2個調用,因此只需要使用一次。我已經合併,並在「頭」標籤測試腳本和它的作品:

<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> 
+0

我仍然有同樣的問題。 我製作了一個簡短的視頻,其中顯示了這個問題:http://www.screencast.com/t/pTTCLwpCVy – jamesscaggs

0

它被定義在頭文件之前,jQuery的是被稱爲B/C的腳本是通過主題注入頭和我們無法精確控制腳本的順序。

解決的辦法是創建一個site specific plugin,該函數設置一個函數,在jquery定義之前調用任何jquery。