无法多次运行Jquery函数

Question

我正在使用JQuery和AJAX来加载网站中的替换内容（用于基于HTML的游戏），而不是切换页面，这会阻止正在播放的音乐和动画。但是，一旦用户单击类“d”的div，则具有类“f”的div的脚本将不再有效。如果用户首先点击.f，情况也是如此;然后.d不再加载内容了。我怎样才能让这两者（以及将来还有更多）在不相互取消的情况下工作？我需要使用循环吗？还是if / else语句？

$(document).ready(function(){
    //d
    $(".d").click(function(){
        $("#content").load("d.htm");
    });

    //f
    $(".f").click(function(){
        $("#content").load("f.htm");
    });
});