1

在我们的网站上,我们有一个指向另一个页面的链接。这看起来像这样

<a href="URL" title="Title" class="thisClass">
  <img src="IMG"  width="20" border="0"/>
</a>

我想要的是,当单击链接时,会出现一个弹出窗口。此信息:“您尝试进入的页面有 xx 张图片,可能需要很长时间才能加载。你确定要继续吗? xx 是一个变量,可以从链接所在的网站给出。然后弹出窗口上当然应该有一个确定和取消按钮。如果单击 OK 按钮,则将 URL 加载到浏览器,如果单击 CANCEL,则不会发生任何事情(返回原始页面)

该网站是用 asp.net c# 编写的。

我们对新网页不感兴趣,而只是一个简单的 javascript 弹出窗口给用户一个警告,即由于 xx 数量的图像,网页加载速度会很慢。

此网页用于 Intranet 站点,我们希望在用户进入我们预计需要很长时间才能加载的网站时警告用户。

4

3 回答 3

1

查看 jQuery UI 对话框 ( http://jqueryui.com/dialog/ ) 或 Twitter 的引导模式 ( http://twitter.github.io/bootstrap/javascript.html#modals )

我认为这两种解决方案都可以满足您的需求。

于 2013-06-21T13:54:52.593 回答
0
<a href="URL" title="Title" onclick="return confirm('The page you are trying to enter has xx images and can take long time to load. Are you sure you want to continue?');" class="thisClass">
 <img src="IMG"  width="20" border="0"/>
</a>

如果您可以使用常规浏览器的警告框,请尝试此操作。否则,您将不得不求助于其他 jquery 插件,以使其看起来更优雅,这在其他答案中提到。

于 2013-06-21T13:55:05.867 回答
0

您可以为此使用 JqueryUi,该库包含与您的需要相对应的 Dialog。

这是网站:http: //jqueryui.com/dialog/#default

以及我在此 url 中找到的代码示例:

<html lang="en">
<head>
  <meta charset="utf-8" />
  <title>jQuery UI Dialog - Default functionality</title>
  <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
  <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
  <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
  <link rel="stylesheet" href="/resources/demos/style.css" />
  <script>
  $(function() {
    $( "#dialog" ).dialog();
  });
  </script>
</head>
<body>

<div id="dialog" title="Basic dialog">
  <p>This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</p>
</div>


</body>
</html>

还有管理确认的示例(按钮 OK 和按钮 CANCEL)

我希望我能帮助你;)

于 2013-06-21T13:56:14.393 回答