Questions tagged «wp-enqueue-script»

我一直试图在我的wordpress主题中包括jquery ui效果（更具体地说是摇动效果）。到目前为止，我只能包含jQuery脚本，但是我真的不知道将ui脚本放置在何处以及如何使其入队。 这是我的代码。它显然不起作用： <?php wp_enqueue_script("jquery"); ?> <?php wp_enqueue_script("jquery-ui-core"); ?> <?php wp_head(); ?> <link rel="stylesheet" type="text/css" href="<?php bloginfo('stylesheet_url'); ?>" /> <script type="text/javascript"> var $j = jQuery.noConflict(); $j(document).ready(function() { $j("#manita-imagen").mouseover(function(){ //$j(this).animate({ opacity: "hide" }) // alert('asd'); $j(this).effect("shake", { times:3 }, 300); }); }); </script> 谢谢你的帮助！

25 jquery  wp-enqueue-script 

我正在制定主题，我想使用页面模板添加登录页面。我找不到任何地方显示如何为特定页面模板排入样式或js。有什么建议么。例如 登陆页面1-与博客或首页相比，landing-page-template-one.php将需要非常不同的样式和js。

24 wp-enqueue-script  conditional-content  wp-enqueue-style 

仅在有人添加或编辑我创建的自定义帖子类型（称为“食谱”）时，我才尝试加入JS脚本。目前，当我这样做时，脚本可以正常运行： if (is_admin()){ wp_enqueue_script( 'my-script' ); } 但这会在每个管理页面中加载它，我假设我需要将其连接到函数，但是我不知道它会是什么。 提前致谢！

23 custom-post-types  javascript  hooks  wp-enqueue-script  actions 

我的functions.php文件中有此文件，但无法在页脚中加载jQuery。不过，该includes文件的页脚加载正常。我还需要做什么？ function starter_scripts() { wp_enqueue_style( 'starter-style', get_stylesheet_uri() ); wp_enqueue_script( 'jquery', '', '', '', true ); wp_enqueue_script( 'includes', get_template_directory_uri() . '/js/min/includes.min.js', '', '', true ); } add_action( 'wp_enqueue_scripts', 'starter_scripts' );

22 jquery  wp-enqueue-script 

尝试将Dropbox 在选择器API中的放置集成到我正在编写的插件中时，我遇到了这个问题。 API文档指示您将以下script标记放在文件顶部： <script type="text/javascript" src="https://www.dropbox.com/static/api/1/dropins.js" id="dropboxjs" data-app-key="MY_APP_KEY"></script> 一切都很好，当我直接将其粘贴到admin部分中调用的页面中时，它实际上可以工作。但是，我想使用wp_register_script（），wp_enqueue_script（）和wp_localize_script（）的一些变体来传递必要的id和data-app-key。 我已经尝试了几种不同的变化： add_action('admin_enqueue_scripts', 'add_dropbox_stuff'); function add_dropbox_js() { wp_register_script('dropbox.js','https://www.dropbox.com/static/api/1/dropins.js'); wp_enqueue_script('dropbox.js'); wp_localize_script('dropbox.js','dropboxdata',array('id'=>"dropboxjs",'data-app-key'=>"MY_APP_KEY")); } 和： add_action('admin_enqueue_scripts', 'add_dropbox_stuff'); function add_dropbox_stuff() { wp_register_script('dropbox.js','https://www.dropbox.com/static/api/1/dropins.js'); wp_enqueue_script('dropbox.js'); wp_localize_script('dropbox.js','dropboxdata',array(array('id'=>"dropboxjs"),array('data-app-key'=>"MY_APP_KEY"))); } MY_APP_KEY在我的代码中替换为适当的应用程序密钥。将不胜感激任何方向。谢谢。 编辑：也试图用一些jquery，但无济于事。在加载文档和准备文档时对其进行了尝试。我收到{“错误”：“无效的app_key”}返回。 $('script[src="https://www.dropbox.com/static/api/1/dropins.js?ver=3.6"]').attr('id','dropboxjs').attr('data-multiselect','true').attr('data-app-key','MY_APP_KEY');

20 plugins  wp-enqueue-script 

我已经排队使用wordpress默认密码强度计，但是不知道如何使用它。当前，法典页面没有任何指向其文档的链接。是否有任何人可以链接到其演示页面或文档？ 解决 HTML非常简单。将有两个密码框。一个div显示密码结果，一个div隐藏文件以获取用户名。当然，您已经入队jquery并且wp_enqueue_script('password-strength-meter');在jQuery代码之前。这是使其工作的jQuery代码： jQuery(document).ready(function(){ if(jQuery("#pass-strength-result").length > 0){ jQuery("#pass1").bind("keyup", function(){ var pass1 = jQuery("#pass1").val(); var pass2 = jQuery("#pass2").val(); var username = jQuery("#username").val(); var strength = passwordStrength(pass1, username, pass2); updateStrength(strength); }); jQuery("#pass2").bind("keyup", function(){ var pass1 = jQuery("#pass1").val(); var pass2 = jQuery("#pass2").val(); var username = jQuery("#username").val(); var strength = passwordStrength(pass1, username, pass2); updateStrength(strength); …

18 javascript  wp-enqueue-script 

有没有办法为已排队的每个脚本获取$ handle？ 是否有一些包含所有句柄的数组，以便我可以遍历它并使用每个$ handle做一些事情？

18 wp-enqueue-script  scripts 

我创建了一个自定义帖子类型“ portfolio”，内容如下： $args = array( 'labels' => $labels, 'public' => true, 'publicly_queryable' => true, 'show_ui' => true, 'query_var' => true, //'menu_icon' => get_stylesheet_directory_uri() . '/article16.png', 'rewrite' => true, 'capability_type' => 'post', 'hierarchical' => false, 'menu_position' => 4, 'taxonomies' => array('post_tag','category'), 'supports' => array('title','editor','comments','trackbacks','revisions','custom-fields','page-attributes','thumbnail', 'excerpt', 'tags') ); register_post_type( 'portfolio' , $args …

18 custom-post-types  admin  wp-enqueue-script 

我现在用以下代码来做： function uw_load_scripts() { // De-register the built in jQuery wp_deregister_script('jquery'); // Register the CDN version wp_register_script('jquery', 'http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js', array(), null, false); // Load it in your theme wp_enqueue_script( 'jquery' ); } add_action( 'wp_enqueue_scripts', 'uw_load_scripts' ); 这可行，但是我应该对所有人（像这样）或除admin之外的每个人执行此操作（以便后端使用WordPress版本？）： if (function_exists('load_my_scripts')) { function load_my_scripts() { if (!is_admin()) { wp_deregister_script( 'jquery' ); wp_register_script('jquery', 'http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js', …

16 plugin-development  theme-development  jquery  javascript  wp-enqueue-script 

根据食品法典，wp_enqueue_script支持相对于协议或与协议无关的外部链接：“可以使用与协议无关的URL，即'//otherdomain.com/js/theirscript.js'，来指定远程资产​​。” 但我没有看到它： wp_enqueue_script('google-maps', '//maps.googleapis.com/maps/api/js?&sensor=false', array(), '3', true); 输出： <script type='text/javascript' src='http://localhost:25898//maps.googleapis.com/maps/api/js?sensor=false&ver=3'></script> 请注意，协议相对URL附加到站点URL。

14 wp-enqueue-script 

这次我很努力地尝试在插件文件夹中包含JavaScript文件。 我正在尝试通过从主题目录传输窗口小部件文件来创建插件。我复制了窗口小部件文件，但是该窗口小部件文件取决于JavaScript文件，因此我在插件目录中创建了/ js /文件夹。该文件的托管位置“ jquery.repeatable.js” 我使用了这段代码，但似乎没有包含js文件- function Zumper_widget_enqueue_script() { wp_enqueue_script( 'my_custom_script', plugin_dir_url( __FILE__ ) . 'js/jquery.repeatable.js' ); } add_action('admin_enqueue_scripts', 'Zumper_widget_enqueue_script'); 我在论坛上搜索了此内容-https : //stackoverflow.com/questions/31489615/call-a-js-file-from-a-plugin-directory 但这仍然没有帮助。 我正在重新总结我的问题。在我的插件目录中，此文件夹下有一个js文件-/ js / 我希望包含它是正确的过程，我还需要注册一些东西吗？ 这部分有什么问题'admin_enqueue_scripts'吗？

14 plugin-development  wp-enqueue-script 

我一直在尝试在以下情况下为WordPress小部件加载脚本和样式... 脚本必须加载到HEAD中（否则它们会中断）。 仅在小部件实际显示时才加载脚本（它们非常重）。 我已经做了很多搜索，这似乎是一个常见的（未解决的）问题……但是我希望这里的某个人已经成功实现了解决方法。 这是到目前为止我所能做到的最好的... 以下是一个简单的小部件，可将文本打印到侧边栏。它成功地有条件地加载了jQuery（实际上是在显示小部件时）...尽管仅在页脚中！（注意：尽管此hack可能提供向后兼容性，但它也可能仅在WordPress 3.3上有效）。 class BasicWidget extends WP_Widget { function __construct() { parent::__construct(__CLASS__, 'BasicWidget', array( 'classname' => __CLASS__, 'description' => "This is a basic widget template that outputs text to the sidebar" )); } function form($instance) { $instance = wp_parse_args( (array) $instance, array( 'title' => '' ) …

13 plugins  plugin-development  widgets  wp-enqueue-script  scripts 

我想将我的小部件使用的javascript和CSS样式保留在自己的文件中（而不是将它们添加到主题中）。 但是当侧边栏上实际使用该小部件时，我似乎无法让wordpress添加它们。 我已经试过了： 在类声明中，我添加了2个函数 class EssentielleRubriquesPosts extends WP_Widget { function addFrontendCss(){ wp_enqueue_style('erw-frontend-css', ESSENTIELLE_RUBRIQUE_WIDGET_PLUGIN_PATH . 'css/EssentielleRubriqueWidget-frontend.css'); } function addFrontendJavascript(){ wp_register_script('jq-hoverintent', PLUGIN_PATH . 'js/jquery.hoverintent.js', array('jquery'), '1.0',true); wp_enqueue_script('jq-hoverintent'); wp_enqueue_script('jq-tools', PLUGIN_PATH . 'js/jquery.tools.js', array('jquery'),'1.0',true); wp_enqueue_script('erw-frontend-js', PLUGIN_PATH . 'js/widget-frontend.js', array('jquery', 'jq-hoverintent', 'jq-tools'),'1.0',true); } 在widget（）函数内部： function widget($args, $instance) { add_action( 'wp_print_scripts', 'addFrontendJavascript' ); add_action( 'wp_print_styles', 'addFrontendCss' …

13 widgets  wp-enqueue-script  wp-enqueue-style 

我正在创建一个插件，我想获取其他插件使用的所有脚本和CSS的列表。 这是我的功能： function crunchify_print_scripts_styles() { $result = []; $result['scripts'] = []; $result['styles'] = []; // Print all loaded Scripts global $wp_scripts; foreach( $wp_scripts->queue as $script ) : $result['scripts'][] = $wp_scripts->registered[$script]->src . ";"; endforeach; // Print all loaded Styles (CSS) global $wp_styles; foreach( $wp_styles->queue as $style ) : $result['styles'][] = $wp_styles->registered[$style]->src …

12 wp-enqueue-script  wp-enqueue-style  scripts  css 

据我了解，管理脚本应该通过admin_enqueue_scripts钩子和所有其他脚本进行注册和入队，wp_enqueue_scripts因此我设置了以下功能，以一种清晰且有组织的方式注册和入队所有脚本。 我的问题是，如果我在admin和前端都需要某些脚本（例如jquery validate插件）怎么办？在这种情况下，建议使用什么方法来注册和排队脚本？用不同的$ handle注册两次或wp_enqueue_scripts仅通过$ handle注册，如果是这样，是否不存在在需要时不被调用的风险？（我的意思是，admin_enqueue_scripts如果不更早提供这些脚本，为什么还会存在其他原因？ 我真的很感谢有人向我解释这一点，以充分理解wp中排队脚本的细微差别。谢谢 我的代码： // REGISTER ALL NON-ADMIN SCRIPTS add_action( 'wp_enqueue_scripts', 'register_all_non_admin_scripts' ); function register_all_non_admin_scripts() { wp_register_script( ... ); wp_register_script( ... ); } // ENQUEUE NON-ADMIN SCRIPTS CONDITIONALLY add_action( 'wp_enqueue_scripts', 'enqueue_scripts_where_required' ); function enqueue_scripts_where_required() { // scripts to be loaded at all times wp_enqueue_script( '' ); // …

12 wp-enqueue-script