jquery实时点击事件在IE8中不起作用

Question

我正在使用以下代码，它在我见过的所有浏览器中都可以正常工作，IE9很好，但后来我来到IE8，它根本不起作用..仅供参考，#cal_popup_table元素动态添加到页面中。

        $("#cal_popup_table tbody tr td a").live('click', function() {
            $('.datepick-cmd-today').text(from_month + ' ' + from_year);
            var test = from_yeartest + '-' + from_monthtest + '-' + from_daytest;
            var test_new = test.split("-");
            var today = test_new[0] + '-' + test_new[1] + '-' + test_new[2];
            $("#arrival").val(today);
        });

谁能阐明为什么它可能无法正常工作，函数中的代码并不重要，因为一个简单的alert()也不起作用.. 点击事件根本不会触发

更新 - 这是插入到页面中的代码（修剪掉一些内容等）

<div id="cal_popup" class="datepick-popup" style="position: absolute; left: 901px; top: 219px; ">
<div class="datepick" style="width: 195px; ">
    <div class="datepick-nav">
        <a href="javascript:void(0)" title="Show the previous month" class="datepick-cmd datepick-cmd-prev  datepick-disabled">&lt;</a>
        <a href="javascript:void(0)" title="Show today's month" class="datepick-cmd datepick-cmd-today ">December 2012</a>
        <a href="javascript:void(0)" title="Show the next month" class="datepick-cmd datepick-cmd-next ">&gt;</a>
    </div>
    <div class="datepick-month-row">
        <div class="datepick-month">
            <table id="cal_popup_table">
                <tbody>
                    <tr>
                        <td>
                            <a href="javascript:void(0)" class="datepicker_link dp1354708800000   datepick-today datepick-highlight" title="Select Wednesday, Dec 5, 2012">5</a>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>  
</div>

Answer 1

尝试删除tbody：

$("#cal_popup_table tr td a").live('click', function() {

某些浏览器会向自动生成的表添加<tbody>，但 IE 8 不会。

这就是JS在IE 8中无法执行代码的原因。

Answer 2

use on（）

    $("#cal_popup_table").on('click', 'tr td a', function() {
        alert('a');
    });

Answer 3

我只是checked your code in ie8和its working absolutely fine no problems whatsoever，我在小提琴中做了一些事情：http://jsfiddle.net/J8ysn/1/

这是我尝试过的jQuery代码。

    $('<table border="1"><tbody><tr><td></td></tr></tbody></table>')
        .appendTo('body')
        .attr({"id":"cal_popup_table"});
    $('<a href="#">clik</a>').appendTo("#cal_popup_table tbody tr td");

    $("#cal_popup_table tbody tr td a").live('click', function() {
          alert('live clicked');
    });