javascript - jQuery 2.x - .on 函数无法正常工作

Question

我正在开发一个网站，它有一个按钮，然后在单击时显示内容，再次单击时应隐藏它。现在我的脚本执行此操作一次，因此当我单击时，它会显示内容，当我再次单击时，它会隐藏它，但是当我再次单击时，什么也没有发生。我用谷歌搜索它，发现 on() 函数，但它不起作用。请帮忙。

这是我的代码:

$(document).ready(function() {
    $('#togglecont').on('click', function() {
        $('#content').load('content/main.html');
        $('#togglecont').click(function() {
            $('#content').load('content/blank.html');
        });
    });
});

Answer 1

尝试一下:

$(document).ready(function () {
     $('#togglecont').on('click', function () {    
         if (!$(this).data('uri') || $(this).data('uri') === "blank") $(this).data('uri', 'main');
         else $(this).data('uri', 'blank');
         $('#content').load('content/' + $(this).data('uri') + '.html');
     });
 });