Question

我使用jQuery ajax动态加载表，表的行有＆＃34; contenteditable = true＆＃34;，我试图监听每个单元格的模糊事件，以便它会触发一个动态更新该单元格的函数。问题是事件模糊根本没有被解雇，我尝试过不同的选择器（table，tbody，最后是整个文档），但都是徒劳的。

<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script type="text/javascript" src='jquery-1.8.3.js'></script>
    <link rel="stylesheet" href='jquery-ui-1.8.7.custom.css' type="text/css">
        <?php
        include './datatable_include.php';
        ?>
        <script type="text/javascript">

            $(function () {
                $.ajax({//create an ajax request to load_page.php
                    type: "GET",
                    url: "load_table.php",
                    dataType: "html", //expect html to be returned                
                    success: function (response) {
                        $('#dataTable').find('tbody').html(response);
                        initDataTable('#dataTable', null);
                    }
                });
            });


            $(document).bind("blur", "td", (function () {
                // this code isn't reached 
                alert("ahoo");

                var id = $(this).attr("id");
                var name = $(this).attr("name");
                var message_status = $("#status");
                var value = $(this).text();
                $.post('update_table.php', "id=" + id + "&" + name + "=" + value, function (data) {
                    if (data != '')
                    {
                        message_status.show();
                        message_status.text(data);
                        //hide the message
                        setTimeout(function () {
                            message_status.hide()
                        }, 3000);
                    }
                });


            }));


        </script>
    </head>
    <body>
        <table id="dataTable" width="700px" >
            <thead>
                <tr>    
                    <th>Name</th>
                    <th>ID</th>
                </tr>
            </thead>
            <tbody>
            </tbody>
        </table>
    </body>
</html>

Answer 1

尝试

def f(x):
    '''Returns name of list/dict variable passed to f'''
    return magic(x)

>>a = [1,2,3]
>>print( f(a) )
'a'
>>print( f(2) )
None

Answer 2

似乎表格td不是标准的可聚焦元素，因此您无法模糊它。尝试将tabsindex属性添加到每个td

<td tabindex="1">focus on me</td>

Answer 3

bind函数的定义如下：

.bind( eventType [, eventData ], handler )

所以，你应该这样做：

 $('td').bind('blur', function(){
   //event handler statement goes here
 });

正如@paul roub在上面的评论中所提到的，您应该使用live()函数，因为您正在动态创建td元素。

$('td').live('blur', function(){
 //event handler statement goes here
});

没有为表格单元格触发jQuery模糊事件

3 个答案: