外部javascript链接到WordPress

时间:2016-03-05 14:26:03

标签: javascript php jquery html wordpress

我有一个HTML表单,需要javascript和JQuery来计算价格。这是使用javascript实现并且一切正常工作的表单:https://counterboosting.com/wp-content/themes/appointment/csgoboost/

现在我想把这个表格放到我的wordpress网站页面上。所有的HTML都显示出来,似乎CSS也可以运行,但Javascript只是不起作用。

有3个Javascripts和3个CSS文件要链接,如你查看我上面提到的链接的源代码,你可以看到。 我试图将functions.php文件中的脚本排队,如下所示:

function wp_theme_enque_scripts() {
wp_enqueue_script( 'boosting', get_template_directory_uri() . '/csgoboost/js/boosting.js', array('jquery'), '1.0.0', true );
wp_enqueue_script( 'bootstrap', get_template_directory_uri() . '/csgoboost/js/bootstrap.min.js', array(), '3.3.6', true );
wp_register_style('bootstrap.css', get_template_directory_uri() . 'csgoboost/css/bootstrap.css', array(), '3.3.6', 'all' ); wp_enqueue_style( 'bootstrap.css');
wp_register_style('boosting.css', get_template_directory_uri() . 'csgoboost/css/boosting.css', array(), '3.3.6', 'all' ); wp_enqueue_style( 'boosting.css');

}
add_action( 'wp_enqueue_scripts', 'wp_theme_enque_scripts' );

然后我将此代码放在HTML页面中:

<script src="https://www.counterboosting.com/wp-content/themes/appointment/csgoboost/js/jquery.js"></script>
<script src="https://www.counterboosting.com/wp-content/themes/appointment/csgoboost/js/bootstrap.min.js"></script>
<script src="https://www.counterboosting.com/wp-content/themes/appointment/csgoboost/js/boosting.js"></script>

这是我希望表单显示的页面,但javascript无效:https://www.counterboosting.com/buy-csgo-rank-boosting/

我真的很想解决这个问题,已经过了一个星期,我一直在尝试这个。我甚至会奖励那些能够在这里帮助我的人。

提前非常感谢(你可能会说,我在这个领域并不是很有经验)

1 个答案:

答案 0 :(得分:0)

我从您的页面https://www.counterboosting.com/buy-csgo-rank-boosting/的浏览器控制台中看到SyntaxError: expected expression, got '<'我认为您可以先从那里修复它。