当内容包含列表时，jquery选项卡会被扭曲

本文介绍了当内容包含列表时，jquery选项卡会被扭曲的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！ 问题描述 嘿所有...... i有以下场景 jquery ui标签，有4个标签，每个标签包含一些文字+图像 i还使用jquery使标签占用可用宽度的90％ 到目前为止一切都很好，直到我必须在其中一个标签内容中添加无序列表。 当我这样做时，标签标题的宽度缩小到我猜测的默认宽度或其他东西。 这里是我使用的jquery代码，使标签页头具有所需的宽度： function stretchTabs（）{ var tabNums = $（'' ＃consultancyTabs ul li'）。length; var w = 1000 / tabNums; var wi = w - 10 + px; // alert（wi）; $（' .ui-tabs .ui-tabs-nav li'）。css（{ ' width'：wi }）; $（' 。ui-tabs .ui-tabs-nav li a'）。 css（{ ' width'： 90 + ％， ' text-align'：' 中心' }）; } 将目标内容转换为制表符后，我在document.ready函数中调用上述函数 i有其他页面使用的jquery ui标签，只要内容不包含任何列表，它们就可以正常工作 我在猜解决方法是微不足道的，但我仍然没有弄明白 非常感谢任何帮助 提前谢谢：）解决方案 （' 。ui-tabs .ui-tabs-nav li a'）。css（{ ' width'： 90 + ％， ' text-align'：' center' }）; } 将目标内容转换为制表符后，我在document.ready函数中调用上述函数 i有其他页面使用的jquery ui标签，只要内容不包含任何列表，它们就可以正常工作 我在猜解决方法是微不足道的，但我仍然没有弄明白 非常感谢任何帮助 提前谢谢：） hey all...i have the following scenariojquery ui tabs that has 4 tabs that each contain some text + imagesi also use jquery to make the tabs take 90% of the available widthso far all was good until i had to add an unordered list to one of the tabs content.When I did that, the width of the tab headers shrunk to what im guessing is the default width or something. here is the jquery code that i use to make the tab headers take the desired width:function stretchTabs() { var tabNums = $('#consultancyTabs ul li').length; var w = 1000 / tabNums; var wi = w - 10 + "px"; //alert(wi); $('.ui-tabs .ui-tabs-nav li').css({ 'width': wi }); $('.ui-tabs .ui-tabs-nav li a').css({ 'width': 90 + "%", 'text-align':'center' });}I call the above function in the document.ready function after converting the target content into tabs i have jquery ui tabs used on other pages and they work just fine as long as the content does not contain any listsI am guessing that the workaround is something trivial but i still didnt figure it outAny help is greatly appreciatedThanks in advance :) 解决方案 这篇关于当内容包含列表时，jquery选项卡会被扭曲的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！