只在加载UI库之后才调用我的脚本？

Question

我想添加一个WP滑块插件中的导航按钮(UI-jquery-draggable)的小效果。

我所做的：

我已经安装了滑块插件

2要知道UI在wordpress中是所有的寄存器，但我必须调用它(我是对的吗？)因此，在我的子主题functions.php中，我添加了以下内容：

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

   ?>

3 .the脚本本身只是一行，所以我将它直接包含在我的子主题page.php中，如下所示

       <?php if ( is_page(291) ) : ?>   
       <script>
    jQuery( ".easingsliderlite-icon" ).draggable({ revert: true }); 
        </script>
       <?php endif; ?>

现在发生的情况是，这一行脚本是在UI jquery库之前加载的，当我查看浏览器(源代码)中的页面时，UI库位于页面的底部，这意味着它可以在我的脚本之后加载。

所以脚本不起作用：

4我知道您可以创建依赖项，但只能使用wp-enqueue，并且只在function.php中使用，而不是page.php中的单行脚本(我是正确的吗？)

Answer 1

当您使用wp_排队_脚本时，您可以告诉wordpress脚本所依赖的是什么，这样加载就可以按正确的顺序进行。

在这里，您需要做的事情是(没有尝试)：

wp_enqueue_script( 'jquery-ui-draggable', false, array('jquery-core','jquery-ui-core' ));

您不必将它放在functions.php中，您应该能够将它放在page.php的顶部(在wp_head()之前)。然后，您必须在wp_head之后的某个地方添加代码的内线。

现在，当我编写这篇文章时，我怀疑您的代码的问题不是依赖关系，而是您可能过早地将oneliner放在代码中。你可以把它放在page.php的底部。

此外，您还可以为这个页面创建一个特定的模板。只需复制page.php并将其命名为page-291.php (或者您可以将其命名为page-{slug}.php)