大佬教程收集整理的这篇文章主要介绍了jQuery UI选项卡转到选项卡中的特定div,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
<div id="tabs"> <ul> <li><a href="#tabs-1">Home</a></li> <li><a href="#tabs-5">Benefits</a></li> </ul> <div id="tabs-1"> <UCHome:UCHome runat="server" /> </div> <div id="tabs-5"> <UCBenefits:UCBenefits runat="server" /> </div> </div>
在tabs-1的usercontrol中(简化为相关代码)
<a class="benefitc" href="#benefitsmodularity"> <span>Modularity</span> <asp:Image runat="server" ImageUrl="../Images/Benefits1.png"/></a> <a class="benefitc" href="#benefitsflexibility> <span>Flexibility</span><asp:Image runat="server" ImageUrl="../Images/Benefits2.png" /></a>
在tabs-5的usercontrol中(再次简化)
<div class="homecontent"> <div id="benefitsmodularity"> <h2> (Modularity)</h2> <p> Hello </p> </div> </div> <div class="homecontent"> <div id="benefitsflexibility"> <h2> (Flexibility)</h2> <p> World </p> </div> </div>
homecontent类只是用于造型.
现在基本上,当用户点击tabs-1上的图像并且我希望它转到与图像相关的div时,我想从tabs-1重定向到tabs-5.例如,如果用户单击Benefits2.png,那么我希望它转到tabs-5并关注.
到目前为止,我已经在document.ready
var $tabs = $("#tabs").tabs(); $('.benefitc').click(function () { // bind click event to link $tabs.tabs('select',4); // switch to tab return false; });
这让我正确选择了标签,但我无法弄清楚如何找到正确的div.请注意,所有点击都应该将我带到标签-5,即索引4.
任何帮助将非常感激.如果我对这个问题不够清楚,请告诉我.
以上是大佬教程为你收集整理的jQuery UI选项卡转到选项卡中的特定div全部内容,希望文章能够帮你解决jQuery UI选项卡转到选项卡中的特定div所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。