Question

如何在任何分辨率的屏幕上使用自定义大小和定位的jquery制作可访问弹出窗口？如果JavaScript被禁用，那么链接应该像新窗口/选项卡中的普通链接一样打开。我需要不引人注意的方法来添加类来链接，而不是在xhtml中的脚本。

Answer 1

这样做的一种方法是为弹出窗口编写一个网页并正常链接到它，然后添加你的onclick事件的js函数，使用ajax将页面加载到对话框中，并从js返回false功能。

这样，当js打开时，弹出窗口显示为一个对话框，因为来自该函数的错误返回会禁用链接操作，但是当js关闭时链接会正常运行。

Answer 2

沿着这些方向的东西（因为你没有指明如果启用了javascript会发生什么，请填写自己丢失的部分）

<a id="accessibleA" href="http://www.google.com" target="_blank">Open Google</a>

$("#accessibleA").click(function() {
  //whatever to open the javascript popup
  return false;
});

Answer 3

你应该使用灯箱或其他东西。 http://leandrovieira.com/projects/jquery/lightbox/

Answer 4

我最近做了类似的事情，当用户退出浏览区域时，它使用jQuery创建一个框。然后，用户可以通过单击X关闭该框，或者通过按下退出按钮来关闭该框。 Unobtrusive jQuery popup Box

如何使用jquery不引人注目地创建可访问的弹出窗口？

4 个答案: