我有loop foreach,在这里我写数据和按钮。此代码仅从一个按钮开始工作,首先在循环中,其余按钮不工作。
JS:
jQuery(document).ready(function($) {
jQuery(\'#przyciskUlubione\').click(function() {
var data = {
\'action\': \'UlubioneDodaj\',
\'id_plik\': $("#przyciskUlubione").val()
};
jQuery.post(ajaxurl, data, function(response) {
if(response == "1"){
$("#przyciskUlubione").css(\'background-color\',\'#4hui7d\');
alert("wybor 1");
}
if(response == "2"){
$("#przyciskUlubione").css(\'background-color\',\'#f47121\');
alert("wybor 2");
}
});
});
});
PHP:
public function execute(){
add_action( \'wp_ajax_nopriv_UlubioneDodaj\', array( $this, \'UlubioneNiezalogowany\' ));
add_action( \'wp_ajax_UlubioneDodaj\', array( $this, \'UlubioneZalogowany\' ));
}
public function UlubioneNiezalogowany(){
echo \'1\';
wp_die();
}
public function UlubioneZalogowany(){
echo \'2\';
wp_die();
}
some_function(){
foreach(){
echo \'<button id="przyciskUlubione" value="\'.$plik[\'id\'].\'"> Ulubione </button>\';
}
}
SOLUTION
jQuery(document).ready(function($) {
jQuery(\'#przyciskUlubione\').click(function() {
var data = {
\'action\': \'UlubioneDodaj\',
\'id_plik\': $("#przyciskUlubione").val()
var $element = $(this);
};
jQuery.post(ajaxurl, data, function(response) {
if(response == "1"){
$element.css("background-color", "#974269")
alert("wybor 1");
}
});
});
});