调整宽度选项卡jquery的大小

时间:2015-12-21 18:48:21

标签: c# jquery asp.net tabs

您好我在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>

1 个答案:

答案 0 :(得分:0)

您必须将标签的高度/宽度设置为文档高度/宽度。

初始化标签后设置高度。

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