1

我正在编写一些 php 代码和 jquery 以使其更加生动。我有一个单元格表，我单击它来显示一个 div。html是这样的：

<table>
 <tr id="line-157"><td id="cell1-157" class="edit"></td><td id="cell2-157"></td></tr>
 <tr><td id="w_157"></td><td id="p_157"></td></tr>
 <tr id="line-158"><td id="cell1-158" class="edit"></td><td id="cell2-158"></td></tr>
 <tr><td id="w_158"></td><td id="p_158"></td></tr>
 <tr id="line-159"><td id="cell1-159" class="edit"></td><td id="cell2-159"></td></tr>
 <tr><td id="w_159"></td><td id="p_159"></td></tr>
</table>

jQuery：

$(document).ready(function() {
        $('.edit').bind('click', function() {
                var a = this.id.split('-') ;
                var name_id = a[1] ;
                $('#w_'+name_id).fadeIn();
                $.get('minirpc.php',{
                        subcontrol: 'select_id',
                        id: name_id
                },function(data){
                        $('#w_'+name_id).html(data);
                })
                $.get('minirpc.php',{
                        subcontrol: 'select_pay_id',
                        id: name_id
                },function(data){
                        $('#p_'+name_id).fadeIn();
                        $('#p_'+name_id).html(data);
                })
                return false;
        });
});

我多次收到回调，而不是每次点击一次。如果我点击一次没问题，2 次循环 4 次，3 次循环 16 次，依此类推……知道吗？

编辑：

阅读评论我认为这可能是软件架构的问题，输出data确实包含 javascript，因为 minirpc.php 调用了调用 js 文件的 class_overbooking.php。这些文件是：

  • 迷你RPC.php
  • class_overbooking.php
  • js/init_overbooking.js
  • js/overbooking.js

在 minirpc.php 里面：

<?
    include('class_overbooking.php');
    switch($subcontrol){
        case ...
        case quote_select:
        break;
        case quote_pay_id:
        break;
    }    
?>

在 class_overbooking.php 中：

<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript" src="js/init_overbooking.js"></script>
<script type="text/javascript" src="js/overbooking.js"></script>
<?
        php class functions mixed jquery
?>

在 js/init_overbooking.js 中：

google.load("jquery", "1.7.1");
google.load("jqueryui", "1.8.13");
google.setOnLoadCallback(function() {
// ![CDATA[
            various sfuff
// ]]
});

在 js/overbooking.js 中：

$(document).ready(function() {

   (...)

     $('.edit').live('click', function() {
            var a = this.id.split('-') ;
        var name_id = a[2] ;
        var count = 0 ;
        var start = new Date().getTime();
            $('#w_'+name_id).fadeIn();
        var elapsed1 = new Date().getTime() - start;
                $('#jdebug1').html() ;
                $.get('minirpc.php',{
                        subcontrol: 'quote_select',
                        id: name_id
                },function(data){
                        $('#w_'+name_id).html(data);
                        var elapsed2 = new Date().getTime() - start;
                        $('#jdebug1').append('|('+name_id+')elapsed2:'+elapsed2+'ms ') ;
                });
                $.get('minirpc.php',{
                        subcontrol: 'quote_pay_id',
                        id: name_id
                },function(data){
                        $('#p_'+name_id).fadeIn();
                        $('#p_'+name_id).html(data);
                var elapsed3 = new Date().getTime() - start;
                        $('#jdebug1').append('|('+name_id+')elapsed3:'+elapsed3+'ms ') ;
                });
        return false;
    });

});

我也尝试了一个独特的选择器类，但是将名称“edit”更改为“edit-rev123”的问题是相同的。

有什么建议吗？

4

0 回答 0