php - 按钮没有被隐藏

Question

我试图隐藏保存按钮并显示处理按钮。

但是保存按钮没有被隐藏。

点击保存按钮。

<input type="submit" value="<?php _e('Save', 'custom_table_example')?>" id="submit" class="button-primary" name="submit" >

<input type="submit1" style="display:none; value="<?php _e('PROCESSING....', '')?>" id="submit1" class="button-primary" name="submit1" >

在 WordPress 中调用 jQuery(外部)

wp_enqueue_script( 'jquery' );
wp_enqueue_script( 'ajax_search' );
add_action( 'admin_menu', 'custom_table_example_saveprocess' );
function custom_table_example_saveprocess() {
wp_register_script( 'custom_table_example_save',   plugins_url('/js/save_process.js', __FILE__), array('jquery'));
wp_enqueue_script('custom_table_example_save');

jQuery 文件

jQuery(document).ready(function($){
    console.log("plugin script loaded1");
    $('#submit').click( function() {
        //alert("hi");
        $("#submit").hide();
        $("#submit1").show();
    });
});

Answer 1

您可以为按钮设置一个 onclick 事件，在单击时隐藏 #submit，并显示 #submit1:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="submit" value="Number One" id="submit" class="button-primary" name="submit" onclick="$('#submit').hide(); $('#submit1').show();" />

<input type="submit1" style="display:none;" value="Number Two" id="submit1" class="button-primary" name="submit1" />

如果您更愿意使用外部 jquery 文件:

$(document).ready(function() {
    $('#submit').click(function() {
       $('#submit').hide();
       $('#submit1').show();
    });
});