第 4 页 - jquery-ui-tabs

jQueryUI 选项卡通过 AJAX 选项卡将内容加载到新选择器中？

我希望能够定位 AJAX 内容的最终位置。有人有什么想法吗？ tab1 tab1 ... this is where new tabs get created …

相思碎 2024-12-16 01:06:44 3 0

有没有带有验证插件的 jQuery UI 选项卡的工作示例？

有谁知道是否有带有验证插件的选项卡的工作示例？我一直在阅读两者的文档，但无法理解如何一起使用它们。当用户单击下一步按钮继续下一步时，需要验…

浅唱ヾ落雨殇 2024-12-15 08:12:05 5 0

UL 菜单显示在 jQuery UI 选项卡和图像后面

我创建了一个 HTML 页面，它使用简单的 CSS（无 JavaScript）进行菜单导航。然而，我使用 jQuery UI 选项卡在同一页面上显示选项卡式数据。当菜单下…

本宫微胖 2024-12-15 06:43:44 4 0

如果在 init 中选择了默认选项卡，则不会触发 tabselect 事件处理程序

我正在使用 jquery ui 选项卡并尝试在初始化时将“选定”选项卡设置为 0，但它不会触发 tabselect 事件。如果我将“选定”选项卡设置为 1 或任何其他…

独﹏钓一江月 2024-12-15 04:24:02 3 0

jQuery 选项卡加载 404 页面

我在我的项目中使用 jQuery Tabs，通过 Ajax“延迟”加载选项卡内容。但是，当我输入错误并且 Rails 框架给我提供带有错误页面的 HTTP 404 时，Tab …

愁杀 2024-12-14 23:55:05 5 0

选项卡自动调整大小 - 可以阻止吗？

我的结构如下所示： http://peterned.home.xs4all.nl/ example/csslayout1.html - 调整中间 div 的大小以适应窗口的高度。在中间的 div 中我有选项卡…

早茶月光 2024-12-14 09:11:03 1 0

我想知道如何嵌入我的 div 标签，我想将其嵌入 jquery 选项卡的选项卡中：我有以下代码： Nunc tincidunt Proin dolor Aenean lacinia <div class="loopMeta"> <div class="list-top pull-left"> <span class="wt-info-model"> <a href="https://www.wenjiangs.com/author/ue7z41mu" rel="nofollow" target="_blank">枕头说它不想醒</a> </span>  <span class="wt-info-model" ><i class="wjsp wjsp-time"></i> <span class="timeFormat">2024-12-14 06:21:39</span></span >  <span class="wt-info-model"><i class="wjsp wjsp-chakan"></i> 5</span>  <span class="wt-info-model"><i class="wjsp wjsp-xin"></i> 0</span>  </div> </div> </div> </div> </div>    <div class="loopBox"> <div class="loop-list"> <div class="loop-txt"> <h3> <a href="https://www.wenjiangs.com/group/topic-7835890.html"> 谷歌地图 v3.带有 jquery 选项卡的信息窗口 </a> </h3> <p class="loop-mul-img-info">我是 Gmaps 编程的初学者。我想创建一个包含两个选项卡的 InfoWindow，其中一个仅包含信息，另一个包含一些 HTML 表单（按钮和文本）。 http://gmaps…</p> <div class="loopMeta"> <div class="list-top pull-left"> <span class="wt-info-model"> <a href="https://www.wenjiangs.com/author/xyaulhgj" rel="nofollow" target="_blank">℉絮湮</a> </span>  <span class="wt-info-model" ><i class="wjsp wjsp-time"></i> <span class="timeFormat">2024-12-13 06:43:13</span></span >  <span class="wt-info-model"><i class="wjsp wjsp-chakan"></i> 8</span>  <span class="wt-info-model"><i class="wjsp wjsp-xin"></i> 0</span>  </div> </div> </div> </div> </div>    <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-6502133150423173" crossorigin="anonymous" ></script> <ins class="adsbygoogle" style="display: block" data-ad-format="fluid" data-ad-layout-key="-el+1f+hb-9d-ms" data-ad-client="ca-pub-6502133150423173" data-ad-slot="4493981107" ></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <div style="border-bottom: 1px solid #f0f0f0"></div>   <div class="loopBox"> <div class="loop-list"> <div class="loop-txt"> <h3> <a href="https://www.wenjiangs.com/group/topic-7819639.html"> jQueryUI 选项卡：不同的选项卡 = 不同的 cookie？ </a> </h3> <p class="loop-mul-img-info">我有两个标准 jQueryUI 选项卡，看起来几乎相同。为了方便起见，他们添加了 cookie 选项。但现在，当我将页面从一个选项卡更改为另一个选项卡时，由…</p> <div class="loopMeta"> <div class="list-top pull-left"> <span class="wt-info-model"> <a href="https://www.wenjiangs.com/author/ykfomdy" rel="nofollow" target="_blank">弱骨蛰伏</a> </span>  <span class="wt-info-model" ><i class="wjsp wjsp-time"></i> <span class="timeFormat">2024-12-11 21:42:28</span></span >  <span class="wt-info-model"><i class="wjsp wjsp-chakan"></i> 2</span>  <span class="wt-info-model"><i class="wjsp wjsp-xin"></i> 0</span>  </div> </div> </div> </div> </div>    <div class="loopBox"> <div class="loop-list"> <div class="loop-txt"> <h3> <a href="https://www.wenjiangs.com/group/topic-7813515.html"> Dotnetnuke 部分渲染使我的 jQueryUI 小部件停止工作 </a> </h3> <p class="loop-mul-img-info">我想在 dotnetnuke 5.6.3 中使用 jQueryUI 的选项卡小部件我在我的模块中注册了 jQueryUI，它工作正常，但是当我在页面中使用部分渲染时，它无法加载…</p> <div class="loopMeta"> <div class="list-top pull-left"> <span class="wt-info-model"> <a href="https://www.wenjiangs.com/author/iwikydl" rel="nofollow" target="_blank">无声无音无过去</a> </span>  <span class="wt-info-model" ><i class="wjsp wjsp-time"></i> <span class="timeFormat">2024-12-11 10:20:43</span></span >  <span class="wt-info-model"><i class="wjsp wjsp-chakan"></i> 9</span>  <span class="wt-info-model"><i class="wjsp wjsp-xin"></i> 0</span>  </div> </div> </div> </div> </div>    <div class="loopBox"> <div class="loop-list"> <div class="loop-txt"> <h3> <a href="https://www.wenjiangs.com/group/topic-7806738.html"> jQuery UI - 页面加载样式延迟 </a> </h3> <p class="loop-mul-img-info">我正在使用 jQuery UI 选项卡小部件来设计我的页面样式： Tab 1 Tab 2 ... ... $(function() { $('#tabs').tabs(); }); 我遇到的问题是，当我第一次加…</p> <div class="loopMeta"> <div class="list-top pull-left"> <span class="wt-info-model"> <a href="https://www.wenjiangs.com/author/1u0iuthv" rel="nofollow" target="_blank">小梨窩很甜</a> </span>  <span class="wt-info-model" ><i class="wjsp wjsp-time"></i> <span class="timeFormat">2024-12-10 22:06:06</span></span >  <span class="wt-info-model"><i class="wjsp wjsp-chakan"></i> 2</span>  <span class="wt-info-model"><i class="wjsp wjsp-xin"></i> 0</span>  </div> </div> </div> </div> </div>    <div class="loopBox"> <div class="loop-list"> <div class="loop-txt"> <h3> <a href="https://www.wenjiangs.com/group/topic-7797931.html"> 带有 cookie 的 jQuery 选项卡 - 如果 cookie 存在？ </a> </h3> <p class="loop-mul-img-info">我有这个代码： jQuery(document).ready(function($) { $( "#tabs" ).tabs({ collapsible: true, fx: { height: 'toggle', duration: 'fast'}, cookie…</p> <div class="loopMeta"> <div class="list-top pull-left"> <span class="wt-info-model"> <a href="https://www.wenjiangs.com/author/hqivy2ts" rel="nofollow" target="_blank">绅刃</a> </span>  <span class="wt-info-model" ><i class="wjsp wjsp-time"></i> <span class="timeFormat">2024-12-10 05:39:21</span></span >  <span class="wt-info-model"><i class="wjsp wjsp-chakan"></i> 10</span>  <span class="wt-info-model"><i class="wjsp wjsp-xin"></i> 0</span>  </div> </div> </div> </div> </div>    <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-6502133150423173" crossorigin="anonymous" ></script> <ins class="adsbygoogle" style="display: block" data-ad-format="fluid" data-ad-layout-key="-el+1f+hb-9d-ms" data-ad-client="ca-pub-6502133150423173" data-ad-slot="4493981107" ></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <div style="border-bottom: 1px solid #f0f0f0"></div>   <div class="loopBox"> <div class="loop-list"> <div class="loop-txt"> <h3> <a href="https://www.wenjiangs.com/group/topic-7794549.html"> 通过 jQueryUI 选项卡发送表单数据？ </a> </h3> <p class="loop-mul-img-info">在页面 ?p=u 中，我有以下选项卡： Item  Item  Item  '>Item  在页面 ?p=clt&a=add 中，我有一个非常简单的场景： if n = "adde…</p> <div class="loopMeta"> <div class="list-top pull-left"> <span class="wt-info-model"> <a href="https://www.wenjiangs.com/author/plwnii8h" rel="nofollow" target="_blank">追风人</a> </span>  <span class="wt-info-model" ><i class="wjsp wjsp-time"></i> <span class="timeFormat">2024-12-09 21:18:09</span></span >  <span class="wt-info-model"><i class="wjsp wjsp-chakan"></i> 4</span>  <span class="wt-info-model"><i class="wjsp wjsp-xin"></i> 0</span>  </div> </div> </div> </div> </div>    <div class="loopBox"> <div class="loop-list"> <div class="loop-txt"> <h3> <a href="https://www.wenjiangs.com/group/topic-7791424.html"> 根据 id 而不是索引选择 jquery-ui-tab？ </a> </h3> <p class="loop-mul-img-info">有人知道为什么以下不起作用吗？ $.each( data.d, function( index, item ) { // creates the tabs with custom ids $( "#tabs" ).tabs( "add", "page…</p> <div class="loopMeta"> <div class="list-top pull-left"> <span class="wt-info-model"> <a href="https://www.wenjiangs.com/author/wvmqsego" rel="nofollow" target="_blank">爱你不解释</a> </span>  <span class="wt-info-model" ><i class="wjsp wjsp-time"></i> <span class="timeFormat">2024-12-09 15:11:43</span></span >  <span class="wt-info-model"><i class="wjsp wjsp-chakan"></i> 7</span>  <span class="wt-info-model"><i class="wjsp wjsp-xin"></i> 0</span>  </div> </div> </div> </div> </div>    <div class="loopBox"> <div class="loop-list"> <div class="loop-txt"> <h3> <a href="https://www.wenjiangs.com/group/topic-7791397.html"> jQuery 选项卡样式右缩进加载的内容 </a> </h3> <p class="loop-mul-img-info">jQuery 选项卡在我加载的内容的左侧添加了大约 25px 的边距。这似乎是默认行为，因为我的页面上的空间看起来与 ui 示例网站上的空间相似。关于如何在 …</p> <div class="loopMeta"> <div class="list-top pull-left"> <span class="wt-info-model"> <a href="https://www.wenjiangs.com/author/mpg31vvu" rel="nofollow" target="_blank">巨坚强</a> </span>  <span class="wt-info-model" ><i class="wjsp wjsp-time"></i> <span class="timeFormat">2024-12-09 15:08:51</span></span >  <span class="wt-info-model"><i class="wjsp wjsp-chakan"></i> 5</span>  <span class="wt-info-model"><i class="wjsp wjsp-xin"></i> 0</span>  </div> </div> </div> </div> </div>   <ul class="pagenavi"> <li class="disabled">共 24 页</li>  <li class="naviWord"> <a href="/tag/jquery-ui-tabs/topic/page/3">上一页</a> </li>  <li class=""> <a href="/tag/jquery-ui-tabs/topic/page/2">2</a> </li> <li class=""> <a href="/tag/jquery-ui-tabs/topic/page/3">3</a> </li> <li class="active"> <a href="/tag/jquery-ui-tabs/topic/page/4">4</a> </li> <li class=""> <a href="/tag/jquery-ui-tabs/topic/page/5">5</a> </li> <li class=""> <a href="/tag/jquery-ui-tabs/topic/page/6">6</a> </li>  <li class="naviWord"><a href="/tag/jquery-ui-tabs/topic/page/5">下一页</a></li> </ul> </div> </div> <div class="col-md-4">     <div class="side-group"> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-6502133150423173" crossorigin="anonymous" ></script> <ins class="adsbygoogle" style="display: block" data-ad-client="ca-pub-6502133150423173" data-ad-slot="3893261597" data-ad-format="auto" data-full-width-responsive="true" ></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div class="side-img"> <a href="/downclient" title="客户端下载"><img src="/public/img/sidebar.png" /></a> </div>  <div class="side-tags"> <div class="wt-container"> <div class="mod-tit"> <a href="/tags" class="pull-right">更多 <i class="wjsp wjsp-xiangyou"></i></a> <h3>热门标签</h3> </div> <div class="mod-con"> <a href="https://www.wenjiangs.com/tag/operating-system-xht">操作系统</a> <a href="https://www.wenjiangs.com/tag/programming-oci">程序设计</a> <a href="https://www.wenjiangs.com/tag/it-operation-and-maintenance">IT运维</a> <a href="https://www.wenjiangs.com/tag/linux%e7%b3%bb%e7%bb%9f%e7%ae%a1%e7%90%86">Linux系统管理</a> <a href="https://www.wenjiangs.com/tag/javascript">JavaScript</a> <a href="https://www.wenjiangs.com/tag/%e6%9c%8d%e5%8a%a1%e5%99%a8%e5%ba%94%e7%94%a8">服务器应用</a> <a href="https://www.wenjiangs.com/tag/solaris">solaris</a> <a href="https://www.wenjiangs.com/tag/c-c">C/C++</a> <a href="https://www.wenjiangs.com/tag/php">PHP</a> <a href="https://www.wenjiangs.com/tag/shell">Shell</a> <a href="https://www.wenjiangs.com/tag/bsd">BSD</a> <a href="https://www.wenjiangs.com/tag/vue-js">Vue.js</a> <a href="https://www.wenjiangs.com/tag/aix">aix</a> <a href="https://www.wenjiangs.com/tag/oracle">Oracle</a> <a href="https://www.wenjiangs.com/tag/python">Python</a> <a href="https://www.wenjiangs.com/tag/html">HTML</a> <a href="https://www.wenjiangs.com/tag/%e7%b3%bb%e7%bb%9f%e7%ae%a1%e7%90%86">系统管理</a> <a href="https://www.wenjiangs.com/tag/html5">HTML5</a> <a href="https://www.wenjiangs.com/tag/css">CSS</a> <a href="https://www.wenjiangs.com/tag/%e5%89%8d%e7%ab%af">前端</a> </div> </div> </div>  <div class="side-group site-recUser"> <div class="wt-container"> <div class="mod-tit"> <a href="/people" class="pull-right">更多 <i class="wjsp wjsp-xiangyou"></i></a> <h3>推荐作者</h3> </div> <div class="mod-con"> <div class="row wt-group"> <div class="col-md-12"> <div class="wt-group-avatar pull-left"> <a href="https://www.wenjiangs.com/author/lsazbgwf" rel="nofollow"> <img src="https://www.wenjiangs.com/wp-content/uploads/avatar/q101802011531803.jpg" width="96" height="96" /> </a> </div> <a data-id="3922" data-type="user" href="javascript:" class="follow_btn pull-right"> 关注 </a> <div class="wt-group-text"> <h3 class="wt-group-tit"><a href="https://www.wenjiangs.com/author/lsazbgwf" rel="nofollow">十二</a></h3> <p> <span class="wt-info-model">文章 0</span> <span class="wt-info-model">评论 0</span> </p> </div> </div> <div class="col-md-12"> <div class="wt-group-avatar pull-left"> <a href="https://www.wenjiangs.com/author/h2z3azon" rel="nofollow"> <img src="https://www.wenjiangs.com/wp-content/uploads/avatar/228899110132212905.jpg" width="96" height="96" /> </a> </div> <a data-id="2664" data-type="user" href="javascript:" class="follow_btn pull-right"> 关注 </a> <div class="wt-group-text"> <h3 class="wt-group-tit"><a href="https://www.wenjiangs.com/author/h2z3azon" rel="nofollow">飞烟轻若梦</a></h3> <p> <span class="wt-info-model">文章 0</span> <span class="wt-info-model">评论 0</span> </p> </div> </div> <div class="col-md-12"> <div class="wt-group-avatar pull-left"> <a href="https://www.wenjiangs.com/author/OPleyuhuo" rel="nofollow"> <img src="https://www.wenjiangs.com/public/img/avatars.png" width="96" height="96" /> </a> </div> <a data-id="5036" data-type="user" href="javascript:" class="follow_btn pull-right"> 关注 </a> <div class="wt-group-text"> <h3 class="wt-group-tit"><a href="https://www.wenjiangs.com/author/OPleyuhuo" rel="nofollow">OPleyuhuo</a></h3> <p> <span class="wt-info-model">文章 0</span> <span class="wt-info-model">评论 0</span> </p> </div> </div> <div class="col-md-12"> <div class="wt-group-avatar pull-left"> <a href="https://www.wenjiangs.com/author/wxb0109" rel="nofollow"> <img src="https://www.wenjiangs.com/public/img/avatars.png" width="96" height="96" /> </a> </div> <a data-id="5130" data-type="user" href="javascript:" class="follow_btn pull-right"> 关注 </a> <div class="wt-group-text"> <h3 class="wt-group-tit"><a href="https://www.wenjiangs.com/author/wxb0109" rel="nofollow">wxb0109</a></h3> <p> <span class="wt-info-model">文章 0</span> <span class="wt-info-model">评论 0</span> </p> </div> </div> <div class="col-md-12"> <div class="wt-group-avatar pull-left"> <a href="https://www.wenjiangs.com/author/pin3zo06" rel="nofollow"> <img src="https://www.wenjiangs.com/wp-content/uploads/avatar/q101802080932899.jpg" width="96" height="96" /> </a> </div> <a data-id="3951" data-type="user" href="javascript:" class="follow_btn pull-right"> 关注 </a> <div class="wt-group-text"> <h3 class="wt-group-tit"><a href="https://www.wenjiangs.com/author/pin3zo06" rel="nofollow">旧城空念</a></h3> <p> <span class="wt-info-model">文章 0</span> <span class="wt-info-model">评论 0</span> </p> </div> </div> <div class="col-md-12"> <div class="wt-group-avatar pull-left"> <a href="https://www.wenjiangs.com/author/vsheh7g8" rel="nofollow"> <img src="https://www.wenjiangs.com/wp-content/uploads/avatar/508899111065019823.jpg" width="96" height="96" /> </a> </div> <a data-id="3167" data-type="user" href="javascript:" class="follow_btn pull-right"> 关注 </a> <div class="wt-group-text"> <h3 class="wt-group-tit"><a href="https://www.wenjiangs.com/author/vsheh7g8" rel="nofollow">-小熊_</a></h3> <p> <span class="wt-info-model">文章 0</span> <span class="wt-info-model">评论 0</span> </p> </div> </div> </div> </div> </div> </div>  <div class="side-friendship"> <div class="wt-container"> <div class="mod-tit"> <a href="/friendship" class="pull-right">更多 <i class="wjsp wjsp-xiangyou"></i></a> <h3>友情链接</h3> </div> <div class="mod-con"> <a href="http://www.wenjiangs.com" target="_blank">文江博客</a> </div> </div> </div> <div class="side-toc"> <div class="wt-container"> <div class="mod-con"> <div class="singleToc"> <ul></ul> </div> </div> </div> </div> </div> </div> </div> </div> <footer class=""> <ul class="flink"> <li> <a href="/donation"> 捐赠本站 </a> </li> <li> <a href="/friendship"> 友情链接 </a> </li> <li> <a href="/specification"> 使用规范 </a> </li> <li> <a href="/agreement"> 服务协议 </a> </li> <li> <a href="/about"> 关于我 </a> </li> </ul> <p> ©文江博客 Wenjiangs.com 2017-2025 / <a href="http://beian.miit.gov.cn" target="blank"> 蜀ICP备13016540号-2 </a> </p> </footer> <div class="side-tool"> <div> <a href="https://www.wenjiangs.com/feedback"><i class="wjsp wjsp-fankuiyijianfankui-xianxing"></i></a> <a href="javascript:" class="backup"><i class="wjsp wjsp-xiangshang"></i></a> <a href="javascript:" class="toComment"><i class="wjsp wjsp-liaotian2"></i></a> <a href="javascript:" class="toBottom"><i class="wjsp wjsp-xiangxia"></i></a> </div> </div> <div class="privacy"> <div class="privacyLeft"> 我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 <a href="/agreement">隐私政策</a> 了解更多相关信息。单击 <code>接受</code> 或继续使用网站，即表示您同意使用 Cookies 和您的相关数据。 </div> <div class="privacyBtn"> <button class="btn btn-default">取消</button> <button class="btn btn-primary">接受</button> </div> </div> <div class="originaltextBox"> <div class="otbTitle"> <span class="otbtText">原文</span> <span class="otbtClose" aria-hidden="true">×</span> </div> <div class="otbContent"> <div class="wt-content"></div> </div> </div> </body> </html>