如何使用JQuery中的重疊圖層和鏈接？

在JQuery中使用重疊圖層和鏈接如何使用JQuery中的重疊圖層和鏈接？

tr________________________________________________________________________________ | td | td | td | |複選框|內容|內容___________ | | ____________ | ____________________________________ | _______________ | _a ____鏈接_____ |

我有一個表格填充值和一些內容包含太多的文本，因此我已經使用jquery函數截斷文本內容，如果它超過了限制。截斷函數在文本末尾添加一個鏈接以取消截斷/展開文本內容。

例如「快速棕色狐狸跳過」將顯示「快速棕色狐狸[更多]」（[更多]是擴展它的鏈接）。

現在我的問題是我已經建立了頁面來選擇/取消選中該行（tr標籤）上的任何地方的複選框，但我不希望複選框受到影響，當我點擊鏈接ie因爲鏈接（標籤）與行（tr標籤）重疊。

我已經研究過濾出帶有選擇器的標籤，並使用跨度或div將它們嵌入到鏈接下方以防止與基本行進行任何交互。我設法阻止使用div和span跨區域進行點擊，但只有在css位置設置爲絕對時纔會阻止點擊，在這種情況下，多個div或跨度將在一行中彼此重疊，而不是在每個鏈接上重疊。如果（$（本）.find（「A」）

$（「TR」）每個（函數（）{ 是：

這將是簡單的，如果我可以做這樣的事情。（「點擊」）{// 什麼也不做 }其他{ 如果（$（本）.find（「TR」）爲（「點擊」）{// 切換複選框 }）;

} }）;

我只需要執行if語句來檢查鏈接或鏈接是否在行被點擊並執行操作。

來源

2010-09-19 J146

只需從鏈接處理程序返回false即可。這將阻止鏈接的正常動作被採取和防止它冒泡。

$('tr a.showMore').click(function() { 
     ... expand the text or show a popup... 
     return false; // don't allow it to bubble up 
});

來源

2010-09-19 21:45:04 tvanfosson

如何使用JQuery中的重疊圖層和鏈接？

回答

相關問題