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：

＆＃13;

<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" />

＆＃13;

如果您更喜欢使用外部jquery文件：

＆＃13;

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

＆＃13;

按钮没有隐藏

1 个答案: