如何显示代替按钮的时间?

时间:2015-04-29 11:24:20

标签: jquery

我希望显示时间代替按钮,当点击按钮然后按钮fadein和时间显示代替按钮但我的脚本不工作按钮仅仅fadein而且时间没有显示在按钮的位置和"刷新整个页面但不刷新特定部分时显示的时间?

 foreach($leads as $val):?>
    <tr><td class = 'account-name sort-value'>
    <span style='float:left;width:47%;'>
    <?php echo $val->first_name .' '. $val->last_name;?></span>&nbsp;&nbsp;&nbsp;&nbsp;
    <?php
    if($val->checkin_time != '') {?>
    <span class = 'Dischktime' id = 'dischktime{<?php echo $val->lead_id;?>}' ><?php echo $val->checkin_time;?>
    </span>
    <?php 
    }
    else {?>
    <span style='float:left;width:26%;'>
    <button id ='checkin{<?php echo $val->lead_id;?>}' class='btn btn-default' name='checkinbt' value='<?php echo$val->lead_id; type='button'>CheckIn
    </button>
    </span>
    <?php }
    ?>&nbsp;&nbsp;&nbsp;&nbsp;
    <span>
    <?php echo $_SESSION['drivername'];?>
    </span>
    </td></tr>
    <?php endforeach;
    }
    ?>


<script type="text/javascript">
$(document).ready(function() {
$("[id=checkin]").on("click" , function() {
//$(this).fadeOut();
$(this).fadeOut('slow', function() {
//alert("it's working");
$("‪#‎dischktime‬").show();-------(Not working)
});
$('button').submit(function(e) {
e.preventDefault();
return false;
});![checkin time image][1]
//alert($(this).attr('value'));
var lead_id = $(this).attr('value');
//alert(lead_id);
$.ajax({
method: "POST",
url: 'search_db_test.php',
data: 'checkinbt=' + lead_id,
success: function(data) {
$(this).html(data);
//$("#dischktime").show(data);-----(Not working)
}
});
});
});
</script>

0 个答案:

没有答案