3

我在 jquery 1.6 之前使用了 live 函数。在 jquery 1.7+ 中，不推荐使用 live 函数，而是使用 on 函数。我对以下代码有疑问：

        $('#button').on('click', function(event) {
                    //add a new element to body
                    $('body').append('<div class="future">I am a new div</div>');
        });
    //bind a action to new element which is add a moment ago.
    $('body').on('change', '.future', function() {
        $(this).css({
            'color' : 'red',
            'font-weight' : 'bold'
        });
        $(this).text("on click me.");
        $(this).on('click', {
            name : 'liujun'
        }, myhandler);
    });

    function myhandler(event) {
        alert(event.data.name);
    }

新操作不起作用，语法正确。为什么？

4

2 回答 2

2

工作演示 http://jsfiddle.net/nQDs2/4/

  • 首先点击button尝试点击trigger
  • 然后，单击红色on click me消息。

在 div 更改时触发 jQuery 事件\

对于IE jQuery 观看 div

我不知道为什么我被否决了，希望它适合你的事业:)

代码

$('#button').on('click', function(event) {
    //add a new element to body
    $('body').append('<div class="future">I am a new div</div>');
});


//bind a action to new element which is add a moment ago.
$('body').on('change', '.future', function() {
    $(this).css({
        'color': 'red',
        'font-weight': 'bold'
    });
    $(this).text("on click me.");
    $(this).on('click', {
        name: 'liujun'
    }, myhandler);
}).bind('DOMNodeInserted DOMNodeRemoved', function(event) {
    if (event.type == 'DOMNodeInserted') {
       // alert('Content added! Current content:' + '\n\n' + this.innerHTML);
    } else {
       // alert('Content removed! Current content:' + '\n\n' + this.innerHTML);
    };
});

$('#trgbutton').click(function() {
    $('.future').trigger('change');
});

function myhandler(event) {
    alert(event.data.name);
}​
于 2012-10-14T07:46:35.740 回答
0

我很确定这段代码是罪魁祸首。

$(this).on('click', {
      name : 'liujun'
}, myhandler);

它看起来不像一个有效的语法。

如果你想传递一个参数，试试这个

   $(this).on("click", function(e) {
      myHandler({name: liujun})
   })

这实际上很令人困惑，如果您可以向我们展示 jsFiddle 中的 HTML，也许我们可以提供更多帮助。

于 2012-10-14T13:40:46.833 回答