jQuery UI选项卡使用aria-controlts而不是title来拥有单个面板

ttcibm8c 于 2023-04-29 发布在 jQuery

关注(0)|答案(1)|浏览(129)

我需要更新一个使用jquery UI 1的遗留项目。8至最新1.13
我在jQuery 1中遇到了一个问题。9选项卡小部件有巨大的突破性变化，目前的实现（1。8）将所有选项卡放在一个面板中，并使用title属性告诉面板要使用的每个远程选项卡
根据迁移文档标题被替换为area-controls它似乎不是一个简单的替换，因为我无法让新的选项卡小部件使用远程href的单个面板，area-controls似乎没有任何效果
一个如何实现这一点的例子将是伟大的，否则，我将不得不重写所有的遗留代码来处理每个选项卡的不同面板（我试过：|它将永远持续）
jsFiddle：https://jsfiddle.net/et3rnal/sbrzd1fk/69/

jquery

来源：https://stackoverflow.com/questions/76070610/jquery-ui-tabs-using-aria-controls-instead-of-title-to-have-a-single-panel

1条答案

按热度按时间

xtupzzrd1#

我试图在激活事件期间手动更新URL，但我想我找到了新方法的工作原理。只需将新元素aria-controls添加到li中，而不是添加到链接a中（至少这是我在遗留代码中添加标题的地方）

<div id="tabs">
   <ul>
     <li aria-controls="panel"><a href="link1.html"><span>Link 1</span></a></li>
     <li aria-controls="panel"><a href="https://jsfiddle.net/about"><span>Link 2</span></a></li>
     <li aria-controls="panel"><a href="https://jsfiddle.net"><span>Link 3</span></a></li>
     <li aria-controls="panel"><a href="link4.html"><span>Link 4</span></a></li>
   </ul>
  <div id="panel" >Content should be loaded here.</div>
</div>

我找到了这个here
示例https://jsfiddle.net/et3rnal/v79hpygr/1/

赞(0）回复(0）举报 2023-04-29

我来回答

jQuery UI选项卡使用aria-controlts而不是title来拥有单个面板

1条答案

相关问题

热门标签

最新问答