Question

我正在为页面上的每个list_item添加一个按钮。生成按钮，其ID正确。按钮值会按预期更改 - 如警报中所示。

但是，只需按一下按钮，警报就会触发与页面上的按钮一样多的次数。警报始终显示相同（且正确）的按钮ID。如果没有警报，如果在此期间单击其他按钮，则会导致按钮值来回切换。

生成按钮：

function create_saved_message_button( ) { 
    $button_label = "Save";
?>
    <td width="15%" class="thread-options">
        <input type="button" class="savedbutton" value = "<?php echo $button_label ?>"  id = "<?php echo message_thread_id(); ?>" />
    </td>   
<?php
}

ajax：

function saved_message_button_javascript() {
?>
    <script type="text/javascript" >
    jQuery(document).ready(function($) {

        $('.savedbutton').click(function(event){
         event.preventDefault();
            var button = $(this);  
            var butt_txt = $(button).attr('value');

            alert($(button).attr("id"));

            $(button).attr({'disabled': true});
            var data = {
                action: 'saved_button_clicked',
            };

            $.get(ajaxurl, data, function(response) {
                if(butt_txt == 'Save') {
                    $(button).attr('value', 'Un-Save');
                }
                else {
                    $(button).attr('value', 'Save');
                }
            });
            $(button).attr({'disabled': false});
            return false;
        });

    });
    </script>
<?php
}

有没有办法停止多个警报？我认为这将解决价值转换问题。

然后我只需要将按钮id传递给php函数saved_button_clicked

add_actions：

    add_action( 'messages_inbox_list_item', 'create_saved_message_button', 1 ); 
//this was the problem
    //add_action('messages_inbox_list_item', 'saved_message_button_javascript');
//the solution - use this instead
add_action('after_member_messages_threads', 'saved_message_button_javascript');
    add_action('wp_ajax_saved_button_clicked', 'process_save_button_clicked');

Answer 1

也许我误会了什么。我用5个按钮和你的javascript创建了一个html，但我找不到你描述的行为。看here。

单击一个按钮时，每个按钮都会触发ajax

1 个答案: