2016-03-25 24 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。