调整标签宽度 jquery

Question

嗨，我正在 asp.net MVC 5 上做一个应用程序。但是我有一个问题，有人可以告诉我如何根据内容调整 jquery 选项卡的宽度。我现在的代码是这样的：

<script>
  $(function() {
      $("#tabs").tabs();
  });


</script>

 <div id="tabs">
        <ul>
            <li><a href="#tabs-1">Publicar Post</a></li>
            <li><a href="#tabs-2">Partilhar Ficheiro</a></li>
        </ul>
        <div id="tabs-1">
            @ViewBag.item
            @using (Html.BeginForm("Criar_Post", "Home", FormMethod.Post))
            {
            @Html.TextArea("Post", new { @class = "form-control" })
            @Html.ValidationMessage("post")
            @Html.DropDownList("Privacidade", (SelectList)ViewBag.Privacidade, "---Privacidade---", new { htmlAttributes = new { @class = "form-control" } })
            @Html.ValidationMessage("privacidade")
            <input type="submit" value="Criar">
            }
        </div>
        <div id="tabs-2">
            @using (Html.BeginForm("Partilhar_Ficheiro", "Home", FormMethod.Post, new { @enctype = "multipart/form-data" }))
            {
            <label name="nome"></label>
            <input type="file" name="nome" />
            <input type="submit" value="Inserir" class="btn btn-default" />

            }
        </div>

Answer 1

您必须将选项卡的高度/宽度设置为文档的高度/宽度。

初始化选项卡后设置高度。

<script>
  $(function() {
      $("#tabs").tabs();
    //Set Height
        $('#tabs').tabs().height($(document).height());
  });
</script>

调整标签宽度 jquery

Resize width tabs jquery

c#

asp.net

jquery

tabs