从WP选项设置页更新样式

时间：2013-08-16 作者：Mona Coder

您能告诉我如何设置一个函数来更新和更改样式，就像设置选项页面中的任何CSS类一样吗？例如，我有一些<P> 具有类名的元素.impo. 现在，我想在选中复选框时将类的颜色更改为红色，在取消选中时将其更改为默认颜色。

我拥有的是：

<?php
 add_action(\'admin_menu\', \'fwds_plugin_settings\');
 function fwds_plugin_settings() {
 add_menu_page(\'Price Display\', \'Price Display\', \'administrator\', \'fwds_settings\', \'fwds_display_settings\');
 }
function fwds_display_settings() {
$html = \'<div class="wrap"><form action="options.php" method="post" name="options">
    <h2>Change The .impo Colors</h2>
    \' . wp_nonce_field(\'update-options\') . \'
  <p>
<table>
 <tr>
 <td>Change Color To Red </td>
 <td><input type="checkbox" name="fwds_autoplay" value="enabled" /></td>
 </tr>
</table>
<br />
<input type="submit" name="Submit" value="Update" /></form></div>\';
echo $html;
}

1 个回复
SO网友:brasofilo

我想你必须用jQuery来解决这个问题。如果checked -> addClass, 如果没有->removeClass.

以下是如何将JS文件排队：

add_action(\'admin_menu\', \'fwds_plugin_settings\');

function fwds_plugin_settings() {
    $hook = add_menu_page(
        \'Price Display\', 
        \'Price Display\', 
        \'add_users\', 
        \'fwds_settings\', 
        \'fwds_display_settings\'
    );
    add_action( "admin_print_scripts-$hook", \'fwds_print_scripts\' );
}
function fwds_print_scripts()
{
    wp_register_script( 
         \'my-fx\' 
        , plugin_dir_url( __FILE__ ) . \'/my-fx.js\'
        , array( \'jquery\' ) // Dependencies
    );

    wp_enqueue_script( \'my-fx\' );
}
以及my-fx.js:

jQuery(document).ready(function($) 
{   
    alert(\'my page\');
});

结束
标签： plugin-development   theme-development   theme-options   settings-api   小码农  

相关推荐