使用wp_enQueue_script附加jQuery-UI

时间：2012-01-09 作者：viyyer

我正在尝试使用wp\\u enqueue\\u脚本加载jquery ui。我可以检查jquery是否已加载。jquery ui已注册，即var\\u dump的输出（wp\\u script\\u是（\'jquery ui tabs\'，\'registered\'）；为bool（true），表示已注册，但未包含在页面中。

我正在使用wordpress版本3.3.1

出了什么问题？

我附上函数的相关片段。php来自我的主题。

<?php
function my_scripts_method() {
  wp_register_script(\'jquery\');
  wp_register_script(\'jquery-ui-core\');
  wp_register_script(\'jquery-ui-tabs\');
}
add_action(\'wp_enqueue_scripts\', \'my_scripts_method\');
?>

4 个回复

最合适的回答,由SO网友:amatusko 整理而成

这里有另一种加载jquery ui等流行脚本的方法（使用google api）

<?php  
// first, check to see if jquery-ui is already loaded 
if( !wp_script_is(\'jquery-ui\') ) { 
        // you don\'t have to use googleapi\'s, but I think it helps. It saves the user\'s browser from loading the same script again if it has already been loade>
    wp_enqueue_script( \'jquery-ui\' , \'https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js\' );
}   
?>

*如果您仍然有问题，请尝试使用“siteroot”的完整路径，该路径通常是您可以在其中找到wp content文件夹的目录。因此，如果主题文件夹未连接，要从本地加载jquery ui，请尝试以下操作：

    <?php  
// first, check to see if jquery-ui is already loaded 
if( !wp_script_is(\'jquery-ui\') ) { 
    wp_enqueue_script( \'jquery-ui\' , \'/home/<myusername>/<mysite.com>/wp-content/themes/<mycustomthemename>/js/jquery-ui.min.js\' );
}   
?>

只有当文件位于该文件夹中，并且位于主题内创建的js文件夹中时，这才有效。如果您需要将站点更改为其他url，这是不可取的，但如果这样做，您只需更新文件夹即可。

SO网友:Shane

我认为您正在寻找wp\\u enqueue\\u脚本，而不是wp\\u register\\u脚本。

如果脚本附带WordPress

 wp_enqueue_script( \'jquery-ui\' );

SO网友:Asko

应使用以下方法注册新脚本：

wp_register_script(\'jquery-ui\', get_template_directory_uri().\'/js/jquery-ui.js\');

目前，如果您让WordPress知道一个没有源代码的新脚本，您也需要链接到源代码。

此外，注册脚本后，为了在主题中使用它，您需要将其排队：

wp_enqueue_script(\'jquery-ui\');

在wp\\U寄存器行之后执行此操作。

SO网友:Md. Zubaer Ahammed

jQuery 和jQuery-ui 已向WordPress注册。您需要将它们排队以将其加载到页面上。但您正在使用\'wp_register_script()\' 而不是wp_enqueue_script()\' 在您的\'my_scripts_method()\' 作用

请使用以下代码：

function my_scripts_method() {
  wp_enqueue_script(\'jquery\');
  wp_enqueue_script(\'jquery-ui-core\');
  wp_enqueue_script(\'jquery-ui-tabs\');
}
add_action(\'wp_enqueue_scripts\', \'my_scripts_method\');

注意：您可能希望使用\'wp_script_is()\'.示例：

if( !wp_script_is(\'jquery-ui-tabs\') ) {     
  wp_enqueue_script(\'jquery-ui-tabs\');
}

结束

小码农CODE

使用wp_enQueue_script附加jQuery-UI

相关推荐

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