沒有href和/或內容的jQuery UI選項卡，僅限於事件？

我想做一些像WordPress的編輯器。
我帶了jQuery UI選項卡（我不想使用另一個選項卡插件，因爲我已經使用jUI作爲站點上的選項卡）並創建了兩個名爲「WYSIWYG」和「HTML」的選項卡。標籤標題下有一個TEXTAREA。
然後我想用NicEdit--就像你在演示中看到的那樣，它可以用HTML編輯器「包裝」和「解開」textarea。一切似乎都很好，但問題是：沒有href和/或內容的jQuery UI選項卡，僅限於事件？

當我使用「」或「標籤HREF＃」，第一個選項卡是活動的，第二個是不是 - 所以無法點擊，所以我不能附加選擇事件吧
當我用不存在的ID（<a href="#notexist">...），這當然引發異常
當我用不存在的，「虛擬」選擇（真 - <a href="dummy">...）然後在標籤頭（標籤之間和textarea）顯示出相當大的空間，就像製表符創建了新的div並「封閉」它們的內容。

所有我想要的是使用jQuery UI選項卡只是爲了創建兩個標籤沒有內容，它可以是（DE）選擇和選擇火災事件的時候，所以我可以使用NicEdit。我錯過了什麼？

來源

2011-11-24 WRonX

我不確定我完全理解您的問題。我猜你正在嘗試只使用一個textarea。如我錯了請糾正我。

無論如何，我認爲你最好使用兩個textareas並在切換選項卡時同步它們。

NicEdit提供了一個基本的javascript API來獲取/設置編輯器實例的內容。

我製作了jsfiddle供您參考。

來源

2011-12-13 11:10:29

我正在尋找實現相同的自然方式（這就是我在這個主題中得到的）。

由於沒有答案在這裏，我會發布了簡單的解決方案我結束了：

<div id="tabs" class="ui-tabs"> 
    <ul> 
     <li><a id="firstTab" href="#listContent" onclick="yourOwnHandler();">Text</a></li> 
     <li><a href="#listContent" onclick="yourOwnHandler();">Text</a></li> 
     <!-- Etc, etc... --> 
    </ul> 
    <div id="listContent"></div> 
</div>

所有的想法是在空div，它也不會因類的顯示jQuery的適用於它 - 只是因爲沒有什麼可顯示的。

這是接近你的3d方法，但問題出在不正確的href（沒有＃），除非這是你的意圖。你可以看到，你甚至不需要幾個div - 每個標籤href可以是相同的。我選擇了「listContect」作爲div ID，因爲URL「yourSite/Page＃listContent」看起來比用「#dummy」或「#tabs」更好。

當然，如果使用jQuery進行連接，onclick事件會更漂亮，但是爲什麼我在這裏使用內聯方法有一些原因（特定於我的網頁）。

來源

2012-06-01 14:46:21 Kurtevich

沒有href和/或內容的jQuery UI選項卡，僅限於事件？

回答

相關問題