我想知道是否有可能在WordPress上实现card.js

时间：2017-06-07 作者：Jorge Díaz

我是usgin Woocommerce+Stripe for Woocommerce，信用卡表单看起来简单/难看，发现了这个https://github.com/jessepollak/card （演示：https://jessepollak.github.io/card/ ) 因此，我尝试将卡片文件夹放入我的子主题中，然后用脚本标记调用它，但没有成功。

根据这个例子，我应该这样称呼它

    <script src="http://localhost:8080/card.js"></script>
<script>
    new Card({
        form: document.querySelector(\'form\'),
        container: \'.card-wrapper\'
    });
</script>
然后在我需要的地方使用卡片包装器样式。但在最后，我将脚本放在了WordPress上的glbal js中，即卡片上。js在我的孩子主题中的一个名为card的文件夹中，但它不起作用。

提前感谢您提供的任何指示灯。

1 个回复
SO网友:Aishan

看起来你把jquery库的卡片放错地方了。您可以使用wp_enqueue_script 在WordPress中。

wp_enqueue_script( \'jquery-card-script\', get_stylesheet_directory_uri() . \'/js/card.js\', array( \'jquery\' ), \'1.0.0\', true );
在子主题函数中使用上述代码。php并从主js文件调用您的卡。

new Card({
        form: document.querySelector(\'form\'),
        container: \'.card-wrapper\'
    });

结束
标签： php   jquery   woocommerce-offtopic   小码农  

相关推荐

我的GET_CATEGORY子级的PHP下拉菜单

我这里有这个代码，我不知道如何在下拉菜单中获取它。<H3>Availabilities</H3> <?php $taxonomy = \'category\'; // Get the term IDs assigned to post. $post_terms = wp_get_object_terms( $post->ID, $taxonomy, array( \'fields\' => \'ids\' ) );