Question

我想在点击时显示或隐藏预览内容。所以我使用jQuery的切换效果。但如果通过第一次点击激活预览，我就无法隐藏预览。

这是我的jQuery代码......

$("#show").click(function () {
    $('#editor').toggle();
    $('#preview').hide();
    $("#rte").keypress(update);

    function update() {
        $('#preview').slideDown('slow');
        var rte = $('#rte').val();
        $('#preview_content').html(rte);
    }
});

您可以查看我对Jsfiddle的完整代码。

非常感谢你的帮助。

此致

文森特

Answer 1

这是因为每次单击“显示”时都会绑定按键事件。尝试这样的事情：

var doUpdate = false;

function update()
{
    if (doUpdate) {
      $('#preview').slideDown('slow');   
      var rte = $('#rte').val();
      $('#preview_content').html(rte);
    }
}

$("#rte").keypress(update);

$("#show").click(function()
{
  $('#editor').toggle();
  $('#preview').hide();
  doUpdate = !doUpdate;
})

使用jQuery在切换时停用函数更新

1 个答案: