jquery 脚本仅在页面加载期间有效

Question

我遇到了一个我似乎无法弄清楚的奇怪问题: 我正在开发一个 Joomla 模板，该模板应该具有一个淡出/切换另一层的按钮。 使用的脚本 super 简单通用:

按钮:<button style="text-align: center;" id="button" class="btn btn-lg btn-success btn_daytours" data-ap-original-font-size="18px">Click here</button>

图层:<div class="tour_calendar" style="display: none;"><div class="moduletable span12">...</div></div>

脚本://切换层

$(window).load(function(){
    $("#button").click(function(){
        $("#tour_calendar").fadeToggle();
$(this).toggleClass("active"); return false;
    });
});

...该设置似乎没有任何问题，但问题是该脚本仅在页面加载时有效。一旦它完全加载它就不再响应。 我试图将函数放在代码中的不同位置，但问题仍然存在。 我不是真正的编码员， Firebug 没有显示任何冲突，所以任何提示都将不胜感激。 请自己尝试:https://biz211.inmotionhosting.com/~blackb78/blackbear2017/

提前谢谢

Answer 1

$(window).load(function() { ... }); 已弃用，.load() 甚至将函数更改为 ajax 处理函数。

试着改成:

$(window).on('load',function() { ... });