Question

我想从WordPress添加最新的jQuery。但是我的index.php文件中没有javascript字符串（$），我可以更改并编写＆＃34; jQuery＆＃34;而不是＆＃34; $＆＃34;。这是我在index.php文件中使用的所有jquery插件

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_url');?>/js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_url');?>/js/jquery.prettyPhoto.js"></script>
<script src="<?php bloginfo('template_url');?>/js/jquery.sticky.js"></script>
<script src="<?php bloginfo('template_url');?>/js/jquery.isotope.min.js" type="text/javascript"></script>
<script type="text/javascript" src="<?php bloginfo('template_url');?>/js/sorting.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_url');?>/js/jquery.jcarousel.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_url');?>/js/js.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_url');?>/js/jquery.stellar.min.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_url');?>/js/waypoints.min.js"></script>

<!--[if lt IE 9]>
    <script src="<?php bloginfo('template_url');?>/js/html5shiv.js"></script>
    <script src="<?php bloginfo('template_url');?>/js/respond.src.js"></script>
<![endif]-->

我在functions.php文件中编写了这个函数，用于从WordPress调用最新的jQuery -

/* Adding Latest jQuery from WordPress *************************/

function polish_arest_jquery() {
    wp_enqueue_script('jquery');
}
add_action('init', 'polish_arest_jquery');

我很遗憾地说我的index.php文件中没有jQuery noConflict Wrappers。

在这种情况下，我如何从WordPress添加最新的jQuery？谢谢。

Answer 1

是的，您应该使用wp_enqueue_script函数将脚本排入队列，并且脚本将添加到wp_header()挂钩调用的位置。

jQuery库自动包含在WordPress内核中，最新的WordPress版本将包含最新的jquery 1.X，并且它也被注册到脚本队列中。

您可以在主题function.php中按以下方式添加任何脚本，就像twentyfourteen主题所做的那样。

function theme_scripts() {
    wp_enqueue_script( 'theme-script', get_template_directory_uri() . '/js/functions.js', array( 'jquery' ), '20140319', true );
}
add_action( 'wp_enqueue_scripts', 'theme_scripts' );

上述方法，导入/js/functions.js脚本，但它需要先导入jquery，因此自动导入jquery。

此外，如果您使用wp_enqueue_script正确渲染脚本，请不要忘记wp_head();标记内的<head></head>挂钩触发器。

希望这会有所帮助！祝你好运。

更多信息，如果您只是对名称感到困扰，希望jQuery为$，您可以使用以下策略：

jQuery(function($) {
    $('#what_ever_you_want').do_something();
});

请参阅另一个问题：https://stackoverflow.com/a/24352348/2544762

从WordPress添加最新的jQuery

1 个答案: