0

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.'&nbsp;&nbsp;'.$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>

http://jqueryui.com/accordion/

4

2 に答える 2