没有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选项卡，仅限于事件？

回答

相关问题