Question

我是一名试图为我的员工创建登录页面的sharepoint管理员，我想使用jquery标签。我对这些东西很新，我正在努力。情况就是这样。

我正在使用Sharepoint 2010
我使用Easytabs进行主导航
在每个CEWP中，我会为各种内容（可能是4个实例）放置jquery选项卡
第一个实例正常，之后的所有内容都是个问题。
最大的问题是我的其他实例其他选项卡不起作用，所有内容都显示在第一个面板中。

这是我的代码。尝试从ID更改为类，并从早期的jquery论坛（https://groups.google.com/forum/#!topic/jquery-ui/JxKuwyrdC9A）

<!doctype html>

<html lang="en">

<head>

  <meta charset="utf-8">

  <title>jQuery UI Tabs - Default functionality</title>

  <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">

  <script src="//code.jquery.com/jquery-1.10.2.js"></script>

  <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>

  <link rel="stylesheet" href="/resources/demos/style.css">

  <script>

  $(function() {

    $( "#tabs" ).tabs();

  });

  </script>

</head>

<body>



<div class="tabs">

  <ul>

    <li><a href="#tabs-anes1">Main Links</a></li>

    <li><a href="#tabs-anes2">Anesthesia Guidelines</a></li>

    <li><a href="#tabs-anes3">Regional Anesthesia</a></li>

    <li><a href="#tabs-anes4">TeamSTEPPS</a></li>

    <li><a href="#tabs-anes5">Announcements</a></li>

    <li><a href="#tabs-anes6">Notes</a></li>

  </ul>

  <div class="tabs-anes1">

    <p>tabs1.</p>

  </div>

  <div class="tabs-anes2">

    <p>tabs2.</p>

  </div>

  <div class="tabs-anes3">

    <p>tabs3</p>

  </div>

<div class="tabs-anes4">

    <p>tabs4.</p>

  </div>

<div class="tabs-anes5">

    <p>tabs5.</p>

  </div>

<div class="tabs-anes6">

    <p>tabs6.</p>

  </div>



</div>





</body>

</html>

<script type="text/javascript">
        $(function() {
                $(".tabs").tabs();
        });
</script>

我在这里做错了什么？

Answer 1

我不确定为什么使用该类的第二个html函数位于$("#tabs1, #tabs2, #tabs3").tabs();标记之外，但您始终可以尝试在每个实例上使用不同的ID。

@Entity
@Table(name = "organization_video")
public class OrganizationVideo extends Persistable<Long> {
    @Id
    @JoinColumn(name = "id", referencedColumnName = "id")
    @OneToOne(optional = false)
    private Video video;
\\ rest of organziation video contents
}

多个Jquery选项卡实例发生冲突？

1 个答案: