去掉点击事件off()后如何使用on()？

off() 正在删除单击事件句柄。

on() 应该重新绑定效果，但不起作用

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $('p').on('click', function(){
        $(this).css('color', 'blue');
    });
    $('#btn_off').click(function(){
        $('p').off('click');
    });
    $('#btn_on').click(function(){
        $('p').on('click');
    });
});
</script>

<span>Click the paragraph:</span>
<p>Prg #1</p>
<p>Prg #2</p>
<p>Prg #3</p>
<p>Prg #4</p>
<button id="btn_off">bind off prg.</button>
<button id="btn_on">bind on prg.</button>

请参阅标题中我的问题。

您在绑定事件时没有传递单击处理程序。

Use

$(document).ready(function(){
    //Declare click handler
    var pClickHandler = function(){
        $(this).css('color', 'blue');
    }

    //Bind click handler on document ready
    $('p').on('click', pClickHandler);


    $('#btn_on').click(function(){
         //Bind click handler on on click
        $('p').on('click', pClickHandler);
    });
});