jQuery禁用链接直到页面加载
我有一个连接到链接的jquery弹出窗口。 如果在单击链接时页面未完全加载(即.js文件),则会在浏览器窗口中打开而不是弹出窗口。
我想在页面加载之前禁用/隐藏链接。
处理此场景的最佳做法是什么,并为您提供代码示例?
首先将您的链接放在div部分中,然后隐藏该div
现在在head部分编写此代码
实际上这是恕我直言,这是一个完美的例子,为什么直接在HTML代码中分配事件处理程序并不一定是坏事,尽管许多人说。
如果您使用Link
,则链接的可见性与您可以使用它的时间之间不会有任何差距。 它提高了可用性,因为用户无需等待页面完全加载,并且在他看到链接时仍然可以使用链接。
我有同样的问题,这是我如何解决它。
除了真正的链接之外,我还必须创建一个虚拟链接
Compose
我的剧本如此:
$(document).ready(function() { //prevent event from being fired before page load $(".li_1").addClass("hidden"); $(".li_2").removeClass("hidden"); });
所以页面加载假链接和onpage load == "finish"
然后隐藏虚假链接并使真实链接可见。
唯一的缺点是用户必须始终在其浏览器中启用java脚本,否则他们将无法访问弹出窗口。 但从好的方面来看,假链接仍然可以重定向到另一个与弹出窗口具有相同内容的页面。 眨眼
希望这可以帮助
我有一个类似的问题,其中一个链接的href被服务器填充,并且在页面加载之前修改了href,在url之前加载到us / en或/ de / de,
因此,如果我们在页面完全加载之前单击链接,它将转到不完整的URL,因此我将找不到页面。
所以我采取的解决方案是:尽快从客户端添加onclick =“event.preventDefault()”,然后在url更新时将其修改为onclick =“”。
所以问题得到解决,当url不完整时,点击没有发生。