是否仅在加载UI库后才调用我的脚本？

时间：2014-02-15 作者：take that

我想在一个WP滑块插件中的导航按钮中添加小效果（UI jquery Dragable）。

我所做的：

1我已安装滑块插件

2知道UI在wordpress中是完全注册的，但我必须调用它（对吗？）所以在我的孩子主题函数中。php，我添加了以下内容：

   function my_enqueue() {
   wp_enqueue_script( \'jquery-ui-draggable\' );
   }
   add_action( \'wp_enqueue_scripts\', \'my_enqueue\' );

   ?>
3。脚本本身只有一行，所以我将其直接包含在我的孩子主题页面中。像这样的php

       <?php if ( is_page(291) ) : ?>   
       <script>
    jQuery( ".easingsliderlite-icon" ).draggable({ revert: true }); 
        </script>
       <?php endif; ?>
现在发生的是，这一行脚本在UI jquery库之前加载，当我在浏览器中查看页面时（源代码），UI库位于页面的按钮处，这意味着它可能在脚本之后加载

所以脚本不起作用：(

4我知道您可以创建依赖项，但只能使用wp排队和函数。php不适用于页面中的单行脚本。php（我说得对吗？），

2 个回复
SO网友:Wyck

将脚本排队而不是将其放入模板中，您可以按原样将代码排队，或将代码放入实际文件中。

这样做的好处是您可以控制输出，正如您所看到的$priority 的参数add_action.

add_action( $hook, $function_to_add, $priority, $accepted_args );
此外wp_enqueue_script 带有两个可以改变输出的参数，分别是$deps 和$in_footer.

wp_enqueue_script( $handle, $src, $deps, $ver, $in_footer );
因此，通过以上3个设置，您肯定可以更改脚本加载的方式。

http://codex.wordpress.org/Function_Reference/wp_enqueue_scripthttp://codex.wordpress.org/Function_Reference/add_action

SO网友:offroff

当您使用wp_enqueue_script 您可以告诉wordpress脚本所依赖的内容，以便可以按照正确的顺序进行加载。

您需要做的是（没有尝试）：

wp_enqueue_script( \'jquery-ui-draggable\', false, array(\'jquery-core\',\'jquery-ui-core\' ));
您不必将其放入函数中。php，您应该能够将其放在页面顶部。php（wp\\u head（）之前）。然后，您必须在wp\\u head之后的某处添加一行代码。

现在，当我写这篇文章时，我怀疑您的代码的问题不是依赖性，但可能您在代码中过早地使用了oneliner。你可以把它放在页面的底部。php。

此外，您还可以为此页面创建特定模板。只需复制页面。php，并称之为第291页。php（也可以称之为page-{slug}.php）

结束
标签： wp-enqueue-script   jquery-ui   小码农  

相关推荐

如何在WordPress上正确包含jQuery-UI效果

我一直试图在我的wordpress主题中包含jquery ui效果（更具体地说是抖动效果）。到目前为止，我只能包含jQuery脚本，但我真的不知道在哪里放置ui脚本以及如何将它们排队。这是我的密码。这显然行不通： <?php wp_enqueue_script(\"jquery\"); ?> <?php wp_enqueue_script(\"jquery-ui-core\"); ?> <?php wp_head(); ?> <lin