编写 Wordpress 插件时没有错误没有执行

贾弗威尔逊

以下是我的插件php代码:

<html>
<head>
    <title>Grid Demo</title>
    <link rel="stylesheet" href="css/style.css" />
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
    <script src="js/fixtures.js"></script>
    <script src="js/gridList.js"></script>
    <script src="js/jquery.gridList.js"></script>
    <script src="js/load.js"></script>
</head>

<?php

/*
Plugin Name: Testingplugin
Plugin URI: http://localhost
Description: Trying plugin for the first time.
Version: 1.0
Author: AIMS
Author URI: http://localhost
License: A "Slug" license name e.g. GPL2
*/
// Exampe is from the https://www.youtube.com/watch?v=GAwPa4fP90c
add_action('admin_menu', 'myfirstpluginactions');

function myfirstpluginactions(){
    add_options_page('Title_of_the_plugin','name_of_submenu','manage_options', __FILE__,'display_menu_page');
}

function display_menu_page(){
        ?>



    <body>
    <div class="header">
        <a href="#remove-row" class="button remove-row">-</a>
        <a href="#add-row" class="button add-row">+</a>
        <p>
            <a class="github-button" href="https://github.com/hootsuite/grid" data-style="mega" data-count-href="/hootsuite/grid/stargazers" data-count-api="/repos/hootsuite/grid#stargazers_count" data-count-aria-label="# stargazers on GitHub" aria-label="Star hootsuite/grid on GitHub">GitHub</a>
        </p>
    </div>
    <div class="grid-container">
        <ul id="grid" class="grid">
            <li class="position-highlight">
                <div class="inner"></div>
            </li>
        </ul>
    </div>
    <script async defer id="github-bjs" src="https://buttons.github.io/buttons.js"></script>


    <?php
}

我正在使用Hootsuite Grid Repository 来使用插件显示可拖动元素。问题是我无法获得输出,也没有收到任何错误。我的猜测是包含 js 的问题。

我已将所有 js 包含在插件的 js 文件夹中。请让我知道可能是什么原因以及我可以做些什么来改进代码。

这是我在屏幕上得到的输出:

输出图像

这就是我所期待的:

预期形象

罗伯·巴菲尔德

您想使用 wp_enqueue_script() 函数添加 JS,然后使用 plugins_url() 获取 JS 文件的路径。

类似于添加到您插件初始功能的内容:

wp_enqueue_script( 'custom-script-new-name-for-each-script', plugins_url( 'js/fixtures.js', FILE ), array( 'jquery', 'jquery-ui-core' ), time(), true );

wp_enqueue_style( plugins_url( 'css/style.css', FILE ) ); 为您的 CSS。

对插件文件夹中的每个 JS 文件执行上述操作。删除您添加的标题 html,不需要 jquery 的东西,因为 WP 会将其添加为要求。

你的功能会变成:

function myfirstpluginactions(){
    add_options_page('Title_of_the_plugin','name_of_submenu','manage_options', __FILE__,'display_menu_page');

wp_enqueue_style( plugins_url( 'css/style.css', FILE ) );
//Add this for each of your JS scripts
wp_enqueue_script( 'custom-script-new-name-for-each-script', plugins_url( 'js/fixtures.js', FILE ), array( 'jquery', 'jquery-ui-core' ), time(), true );

}

或者另一种方法是用 PHP 包装您当前的代码以获得正确的 JS 路径,例如更改

<script src="js/fixtures.js"></script>

<script src="<?php echo plugins_url( 'js/fixtures.js', FILE); ?>"></script>

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

编写jQuery插件,它没有执行

来自分类Dev

WordPress插件中没有AdminMenu

来自分类Dev

Wordpress 插件没有异常行为

来自分类Dev

在编写 Gradle 插件时,有没有办法在检查阶段始终运行任务?

来自分类Dev

如何编写使您将代码嵌入到wordpress页面的插件?

来自分类Dev

使用Helloinfinity PHP插件在wordpress页面中编写PHP代码

来自分类Dev

如何为GSheets正确编写脚本,该脚本可以复制并粘贴不同范围而没有错误?

来自分类Dev

没有Wordpress样式

来自分类Dev

起初我没有正确编写主题名称时发生错误

来自分类Dev

在没有任何插件的WordPress中添加滑块

来自分类Dev

没有插件学习方法的Wordpress收藏系统

来自分类Dev

if 语句在函数内部没有找到变量(Wordpress 插件)

来自分类Dev

Composer 没有通过 dockerfile 安装 wordpress 插件

来自分类Dev

有没有编写可以将CRUD插入数据库的简单Strapi插件的示例?

来自分类Dev

编写没有BOM的UTF-8

来自分类Dev

使用FileStream编写没有BOM的流?

来自分类Dev

如何编写没有循环的程序

来自分类Dev

使用FileStream编写没有BOM的流?

来自分类Dev

编写没有括号的 APL 公式

来自分类Dev

如何编写没有重复的 SQL 查询

来自分类Dev

WordPress的Metabox没有出现

来自分类Dev

WordPress 关闭 - 没有变化

来自分类Dev

尝试编写一个采用特定长度数组的函数,得到奇怪的不一致结果且没有错误

来自分类Dev

从WordPress插件中的PHP代码编写UTF-8 JSON文件

来自分类Dev

WordPress管理员端没有插件,但在plugins /文件夹中没有插件

来自分类Dev

调试时没有错误或警告

来自分类Dev

编写Django代码时,我一直收到此错误:“ WSGIRequest”对象没有属性“ profile”

来自分类Dev

使用PHP在Wordpress帖子中编写简码

来自分类Dev

如何在wordpress中编写jquery

Related 相关文章

  1. 1

    编写jQuery插件,它没有执行

  2. 2

    WordPress插件中没有AdminMenu

  3. 3

    Wordpress 插件没有异常行为

  4. 4

    在编写 Gradle 插件时,有没有办法在检查阶段始终运行任务?

  5. 5

    如何编写使您将代码嵌入到wordpress页面的插件?

  6. 6

    使用Helloinfinity PHP插件在wordpress页面中编写PHP代码

  7. 7

    如何为GSheets正确编写脚本,该脚本可以复制并粘贴不同范围而没有错误?

  8. 8

    没有Wordpress样式

  9. 9

    起初我没有正确编写主题名称时发生错误

  10. 10

    在没有任何插件的WordPress中添加滑块

  11. 11

    没有插件学习方法的Wordpress收藏系统

  12. 12

    if 语句在函数内部没有找到变量(Wordpress 插件)

  13. 13

    Composer 没有通过 dockerfile 安装 wordpress 插件

  14. 14

    有没有编写可以将CRUD插入数据库的简单Strapi插件的示例?

  15. 15

    编写没有BOM的UTF-8

  16. 16

    使用FileStream编写没有BOM的流?

  17. 17

    如何编写没有循环的程序

  18. 18

    使用FileStream编写没有BOM的流?

  19. 19

    编写没有括号的 APL 公式

  20. 20

    如何编写没有重复的 SQL 查询

  21. 21

    WordPress的Metabox没有出现

  22. 22

    WordPress 关闭 - 没有变化

  23. 23

    尝试编写一个采用特定长度数组的函数,得到奇怪的不一致结果且没有错误

  24. 24

    从WordPress插件中的PHP代码编写UTF-8 JSON文件

  25. 25

    WordPress管理员端没有插件,但在plugins /文件夹中没有插件

  26. 26

    调试时没有错误或警告

  27. 27

    编写Django代码时,我一直收到此错误:“ WSGIRequest”对象没有属性“ profile”

  28. 28

    使用PHP在Wordpress帖子中编写简码

  29. 29

    如何在wordpress中编写jquery

热门标签

归档