jQuery と Ajax を使用しています。ページを更新すると、jQuery UI 効果が Ajax 応答に適用されます。
しかし、別の投稿を送り返すと、jQuery UI の効果が新しい応答に適用されません。
コードの何が問題なのかわかりません。
これが私のコードです
$(document).ready(function() {
$("#sendemp").click(function(e) {
e.preventDefault();
var submit_val = $("#searchbox").val();
//alert('submitval is ' + submit_val);
$.ajax( {
type : "POST",
//dataType :"jason",
url : "./wp-admin/admin-ajax.php",
data : {
action : 'employee_pimary_details',
user_name : submit_val
},
success : function(data) {
// alert('hhh');
$('#accordion21').html(data);
// $( "#searchbox" ).autocomplete({
// source: data
// });
}
});
});
});
jQueryアコーディオンボックスを使用しています。私が得る応答は、 $('#accordion21').html(data);
jQuery UI アコーディオンに適用されます。
私のphpコードには、次のものがあります
$jason .= '<h3 style="font-size:15px;">';
foreach($employee as $key=> $value){
$jason .= '<table><tbody>';
$jason .= '<tr><td style="width:400px;padding:5px;padding:10px;"></td><td style="width:300px;padding:5px;"><img style="width:132px; height:175px;" src="'.$image_folder.$value->prfil_img .'" /></td></tr>';
//$retval .= '<a href="'. $store_url . 'product_info.php?products_id=' . $product_id . '"><img src="' . $image_folder . $product_image . '" /></a><br />';
$jason .= '<tr><td style="width:30%;font-size:14px;paddig:10px;">'.'Name:'.'</td>'.'<td style="font-size:14px;paddig:5px;">'.$value->first_name.' '.$value->last_name.'</td></tr>';
$jason .= '<tr><td style="width:30%;font-size:14px;paddig:10px;">'.'Email:'.'</td>'.'<td style="font-size:14px;paddig:5px;">'.$value->email;'</td></tr>';
$jason .= '<tr><td style="width:30%;font-size:14px;paddig:10px;">'.'Tel Ext:'.'</td>'.'<td style="font-size:14px;paddig:5px;">'.$value->extension;'</td></tr>';
$jason .= '<tr><td style="width:30%;font-size:14px;paddig:10px;">'.'att:'.'</td>'.'<td style="font-size:14px;paddig:5px;">'.$value->att;'</td></tr>';
$jason .= '</table></tbody>';
// echo '</br>';echo '</br>';
}
$jason .= '</h3>';
jQuery UI が適用され<h3>
、<div>