Javascript 加载之前链接点击（问题）

发布于 2024-08-14 18:41:57 字数 247 浏览 4 评论 0原文

我将 Shadowbox 用于一些 html/iframe 链接，这可以有效地在灯箱中打开页面。一切都运行良好 - 除非有人在 javascript 加载完成之前点击。

现在，显而易见的答案是不要使用链接作为加载 Shadowbox 的目标。但如果禁用 javascript，这会带来可用性问题。有谁对如何解决该问题有任何想法？我正在考虑加载内联 javascript，这将停用链接，直到页面加载完成，尽管我不太确定如何实现这一点。

欢迎所有想法！

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

后来的我们 2024-08-21 18:41:57

一般来说，我认为这不是问题，但是你不能直接在链接之后调用内联的 Shadowbox 处理器吗？

即：

.link、.link、.link
脚本
$(".link").shadowbox();
/脚本

回复收藏 0 原文

千里故人稀 2024-08-21 18:41:57

您可以将链接定义为

<a id="myLink" href="#" onclick="return false">...</a>

，然后在加载 JavaScript 后重新分配单击事件处理程序。或者，如果您的链接有非 JavaScript 替代方案：

<a id="myLink" href="/path/to/nonJS/alternative.html">...</a>

同样，当您的 JavaScript 加载时，您可以添加单击事件处理程序并覆盖默认操作。

如果加载所有脚本需要一段时间，您可能会重新考虑是否需要立即加载所有脚本。如果这样做，那么您可以实现一个加载屏幕（下面的示例使用 jQuery，但不是必须的）：

<div id="loading">
    Loading...
</div>
<div id="content" style="display: none;">
  // Site content...
</div>
// Load your scripts here...
<script type="text/javascript" src="..."></script>
<script type="text/javascript">
  $(document).ready(function() {
    $('#loading').hide();
    $('#content').show();
  });
</script>

这样，在加载所有脚本之前，您的网站内容是不可见的。

You could define your links as

<a id="myLink" href="#" onclick="return false">...</a>

and then reassign the click event handler once your javascript is loaded. Or, if your links have non-JavaScript alternatives:

<a id="myLink" href="/path/to/nonJS/alternative.html">...</a>

Again, when your JavaScript loads you can add a click event handler and override the default action.

If it takes a while for all of your scripts to load, you might reconsider if you need to load all of them right away. If you do, then you could implement a loading screen (below example uses jQuery, but it doesn't have to):

<div id="loading">
    Loading...
</div>
<div id="content" style="display: none;">
  // Site content...
</div>
// Load your scripts here...
<script type="text/javascript" src="..."></script>
<script type="text/javascript">
  $(document).ready(function() {
    $('#loading').hide();
    $('#content').show();
  });
</script>

This way your site content isn't visible until all of your scripts are loaded.

回复收藏 0 原文

~没有更多了~