为什么我的Java代码不能在WordPress管理员的仪表板上运行?

时间:2018-08-15 作者:Tahridabbas

我在管理区使用wp\\u add\\u dashboard\\u widgets()创建了一个仪表板小部件,并在那里创建了一个按钮,我希望当我单击按钮时,我的脚本可以工作,而不工作时,仪表板小部件的所有代码都可以放入函数中。php文件,并在函数中编写了脚本。php文件,你有什么解决方案,我可以把javascript放在哪里,通过它我的点击事件可以工作?请引导我。

这是我在函数中的javascript代码。php文件。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>

$(\'.dash_appoint_r\').on(\'click\', function(){
    alert(\'hello\');
    }); 



</script>
这是我的php代码,其中有一个按钮,正如我告诉你的。

<?php
    foreach($result as $all_records)

    {
                    // if($all_records->appointment_status==pending)
                    // {
                        // $pending=$all_records->appointment_status;
                    // }
                    // else
                    // {
                        // $pending=\'pending\';
                    // }
        ?>

                  <tr>
                    <td><?php echo $all_records->id; ?></td>
                    <td><?php echo $all_records->patient_name; ?></td>
                    <td><?php echo $all_records->patient_email; ?></td>
                    <td><?php echo $all_records->patient_phone; ?></td>
                    <td><?php echo $all_records->appointment_date; ?></td>
                    <td><?php echo $all_records->appointment_doctors; ?></td>
                    <td><?php echo $all_records->appointment_status;?></td>
                    <td>
                    <select id="ack_status">
                    <option value="pending">pending</option>
                    <option value="success">success</option>
                    </select>
                    </td>
                    <td><button type="button" >submit</button></td>
                  </tr>
        <?php

    }
    ?>
                </tbody>
              </table>
              </div>
              </div>
        </div>
    <?php
}
?>
请你告诉我我做错了什么,我需要把javscript放在哪里?

1 个回复
最合适的回答,由SO网友:Castiblanco 整理而成

您需要将脚本添加到functions.php

function my_theme_scripts() {
    wp_enqueue_script( \'my-great-script\', get_site_url() . \'/js/my-great-script.js\', array( \'jquery\' ), \'1.0.0\', true );
}
add_action( \'admin_enqueue_scripts\', \'my_theme_scripts\' );
然后,在你的文件中(my-great-script.js), 你必须有这样的东西:

jQuery(\'.dash_appoint_r\').on(\'click\', function(){
    alert(\'hello\');
}); 

结束

相关推荐

插件中的JavaScript数据表

我有一个已经开始开发的插件,我想尝试使用datatables。net显示表格数据。我不知道如何做到这一点,在搜索和尝试了不同的东西后,我迷路了。以下是我的插件中的内容。当前,当我加载页面时,它会显示表,我可以在页面源代码中看到加载了dataTables js、dataTables css和customScriptDatatables。add_action(\'create_datatable\', \'show_datatable\'); function show_datatable (){&#