0
Я администратор sharepoint, пытающийся создать целевую страницу для своих сотрудников, и я хочу использовать вкладки jquery. Я очень новичок в этом, и стараюсь изо всех сил. Вот ситуация.Несколько экземпляров вкладок JQuery противоречат друг другу?
- Я использую Sharepoint 2010
- Я использую Easytabs для главной навигации
- В каждом CEWP я бы поместить JQuery вкладки для различного контента (возможно, 4 экземпляры)
- Первый экземпляр отлично работает, все после этого было проблемой.
- Самая большая проблема в том, что другие экземпляры других вкладок не работают, и все содержимое отображается на первой панели.
Вот мой код. Пробовал меняется от 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>
Что я здесь делаю неправильно?