将插件的JavaScript加载到主页中 - Load javascript of plugin into home page

Load javascript of plugin into home page

本文关键字：主页加载 JavaScript 插件 | 更新日期: 2023-09-27

我有站点，我将编写一个插件，用于添加和更新数据库中的记录。

我的问题是我在插件文件中使用 JavaScript，但它显示在主页中并且显示问题。

我怎么能不在主页中显示此 JavaScript 代码，而仅在管理文件的插件页面中显示。

这是插件代码：-

<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_directory'); ?>/css/jquery-ui.css" />
<script type="text/javascript" src="<?php bloginfo('stylesheet_directory'); ?>/js/jquery-1.10.1.min.js"></script>
<script type="text/javascript" src="<?php bloginfo('stylesheet_directory'); ?>/js/jquery-ui.js"></script>
<script language="JavaScript">
$(document).ready(function(){
//start autocomplate
         var availableTags = [
            <?php
            $query = mysql_query("SELECT DISTINCT type FROM web_categories");
            while ($rows = mysql_fetch_array($query)){
            echo '"'.$rows['type'].'",';
            }
            echo '""';
            ?>
        ];      
$("#type_1").autocomplete({source: availableTags});
// end autocomplate
//start autocomplate
         var availableTags = [
            <?php
            $query = mysql_query("SELECT DISTINCT type FROM web_categories");
            while ($rows = mysql_fetch_array($query)){
            echo '"'.$rows['type'].'",';
            }
            echo '""';
            ?>
        ];      
$("#type_11").autocomplete({source: availableTags});
// end autocomplate
//start autocomplate
         var availableTags = [
            <?php
            $query = mysql_query("SELECT DISTINCT type FROM web_categories");
            while ($rows = mysql_fetch_array($query)){
            echo '"'.$rows['type'].'",';
            }
            echo '""';
            ?>
        ];      
$("#type_2").autocomplete({source: availableTags});
// end autocomplate
//start autocomplate
         var availableTags = [
            <?php
            $query = mysql_query("SELECT DISTINCT type FROM web_categories");
            while ($rows = mysql_fetch_array($query)){
            echo '"'.$rows['type'].'",';
            }
            echo '""';
            ?>
        ];      
$("#type_3").autocomplete({source: availableTags});
// end autocomplate
});
</script>

如果你的意思是，你只想在插件管理页面中添加js，那么你可以使用wp_enqueue_script，类似

add_action('admin_menu', 'plugin_admin_menu');
function plugin_admin_menu() {
      add_options_page('Plugin Admin Page', 'Plugin Admin Page', 10, 'plugin-admin-page', 'plugin_admin_page');
}    
add_action('admin_print_scripts-settings_page_plugin-admin-page', 'add_my_scripts');
function add_my_scripts() {
   wp_enqueue_script('pluginscript', plugins_url('/js/script.js', __FILE__), array('jquery'));
}