簡體   English   中英

如何毫不客氣地使用jQuery使可訪問彈出窗口?

[英]How to make accessible popup using jquery unobtrusively?

如何使用具有自定義大小和位置的jquery在任何分辨率的屏幕上完美居中顯示Accessible彈出窗口? 如果將禁用JavaScript,則應該像在新窗口/標簽中的正常鏈接一樣打開鏈接。 我需要一種不引人注目的方法來添加類以也在腳本中(而不是xhtml中)進行鏈接。

一種實現方法是為彈出窗口編寫一個網頁並正常鏈接到該網頁,然后將onclick事件的js函數添加到使用ajax加載到對話框的頁面中,並從js函數返回false。

這樣,當打開js時,彈出窗口會顯示為對話框,因為該函數的錯誤返回會禁用鏈接操作,但是當js關閉時,鏈接會正常運行。

遵循這些原則(因為您未指定啟用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;
});

您應該使用燈箱之類的東西。 http://leandrovieira.com/projects/jquery/lightbox/

我最近做了類似的事情,當用戶退出瀏覽區域時,它使用jQuery創建一個框。 然后,用戶可以通過單擊X或按退出按鈕關閉框。 簡潔的jQuery彈出框

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM