懸停時jQuery附加元素？

-1

我有一個非常長的HTML頁面。它由頁面底部的少數HTML表格組成。懸停時jQuery附加元素？

我有幾個鏈接/按鈕在頂部的每個表在底部。在懸停/點擊這些鏈接/按鈕時，我希望該表格出現在HTML頁面的頂部。與工具提示類似，但整個表格應位於工具提示中。

我不想在底部的原始表格改變/消失。就像訪問頁面上不同元素的捷徑一樣。

可能嗎？

2015-06-03 yetanothercoder

您必須實現自己的「工具提示」元素或使用[其中許多庫中的一個]（https://www.google.com/search?q=jquery+tooltips+插入）。除了簡單文本以外的任何工具提示都需要定製。只要你能[檢測鼠標位置]（http://stackoverflow.com/questions/4517198/how-to-get-mouse-position-in-jquery-without-mouse-events），它只是一個問題在元素上發生懸停事件時，「懸浮」靠近當前指針位置的元素。 – Lix

你的問題非常廣泛。你應該把你的頁面縮短的HTML。這使得更容易爲您提供支持。 – Christian

它不一定是一個工具提示。只需點擊鏈接或按鈕，我就可以隨時訪問該表，而無需向下滾動頁面。我們可以用表格打開一個新的彈出窗口。 – yetanothercoder

你可以使用bootstrap彈出窗口並加載任何你想要的HTML內容。這樣你就可以使用庫來實現彈出窗口，並用jquery或者原始JS編碼。

你會在這裏找到更多的信息。 HTML inside Twitter Bootstrap popover

來源

2015-06-03 11:11:42 Josh

我不想複製目標表html，然後在彈出窗口中顯示它。複製HTML將創建具有重複ID的元素。即使我改變了ID，表中也有很多動態的東西。所以我們只是希望另一個觸發器在不克隆表本身的情況下打開同一個表。 – yetanothercoder

我的答案不依賴於你在popover中放入什麼內容。你的問題是如何在錨點鏈接上懸停時顯示錶格，而不是如何克隆表格數據。請接受我的回答或更改您的問題。 – Josh

當然這是可能的。你總是可以改變innerHTML。當你點擊/懸停一個按鈕時，你的方法只是將該表的內容附加到你選擇的特定div上。因爲你可以得到任何東西的innerHTML，你可以隨心所欲地使用任何東西。我在下面舉了一個例子。但是請儘量堅持提出有關特定代碼示例的問題。嘗試一些東西，當你有一個你無法解決的問題時回來。快樂編碼

$('#dynamicDiv').html($('#divToCopy').html() + $('#dynamicDiv').html());

來源

2015-06-03 11:17:18

懸停時jQuery附加元素？

回答

相關問題