【问题标题】:How to load a custom jquery mobile locally如何在本地加载自定义 jquery mobile
【发布时间】:2014-04-09 11:01:33
【问题描述】:

我一直在尝试将 jquery 移动模块添加到我的 wordpress 网站 - 可折叠内容块模块。当我在函数中通过 CDN 将 jquery mobile 排入队列时效果很好,即。

函数 get_jqm() { wp_enqueue_script( 'jqm_js', 'http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js', 数组('jquery'), '1.2.0' );

..但这会添加整个库,并且会破坏我的链接和导航以及 wordpress 管理栏。我已经下载了一个自定义版本的 jquery mobile,它实际上只包含可折叠内容块模块,但我想知道将本地版本的 jquery mobile 和自定义 jquery 移动 CSS 文件排入队列的最佳方法是什么。我通过谷歌搜索尝试了一些建议,但找不到任何可以让它工作的东西。它只能通过 CDN 工作。

【问题讨论】:

    标签: javascript jquery wordpress mobile


    【解决方案1】:

    要注册您的脚本,请使用:

    wp_register_script('jqm_js', get_template_directory_uri() . '/path/to/your/local/jquery.js', array(), null, false);
    

    将最后一个参数设置为 true 以将脚本放在页脚中,将其设置为 false 将其放在站点的页眉中。 'get_template_directory_uri() 返回类似

    http://yourlocalsite:8888/wp-content/themes/your-theme/ 
    

    然后从那里你只需要提供你的 js 的其余路径。

    然后排队:

    wp_enqueue_script('jqm_js');
    

    同样,你可以用你的 CSS 做到这一点:

      wp_enqueue_style('app-css', get_template_directory_uri() . '/path/to/your/app-css.css', false, '');
    

    【讨论】:

    • 太好了,最好通过functions.php(我读过这种方式冲突较少)而不是页眉或页脚来执行此操作,您如何设置函数中的最后一个参数?
    • 是的,functions.php 是执行此操作的最佳位置。这是文档的链接以获取更多信息:codex.wordpress.org/Function_Reference/wp_enqueue_script
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2012-01-25
    • 1970-01-01
    • 1970-01-01
    • 2013-09-08
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多