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不完整时,点击没有发生。