如何从外部链接打开JQuery Accordian UI选项卡
How can I open a JQuery Accordian UI tab from an external link?
HTML
<div id="accordion">
<h3>FIRST SECTION</h3>
<div>
Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer ut neque. Vivamus nisi metus
</div>
<h3>SECOND SECTION</h3>
<div>
Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer ut neque. Vivamus nisi metus
</div>
<h3>THIRD SECTION</h3>
<div>
Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer ut neque. Vivamus nisi metus
</div>
</div>
JS
jQuery(document).ready(function($) {
var $accordion = $("#accordion");
$accordion.accordion();
$(".opener").on("click", function () {
var $this = $(this),
toOpen = $this.data("panel");
$accordion.accordion("option", "active", toOpen);
return false;
});
这是链接:
<a class="opener" data-panel="2" href="/new-page">THIRD SECTION</a>
这是一个解决方案:http://jsfiddle.net/VZ3T5/1/然而,当链接来自单独的页面时,它显然不起作用,因为函数返回false。
有人知道重定向到新页面,然后完成相同功能的方法吗?我一直在到处寻找这个问题的答案,但到目前为止还没有任何结果。感谢
您可以做的是在URL中有一个散列或查询参数,然后您可以调用
var setPanelToHashIndex = function() {
// Alternatively for query you can use jQuery.params('panelIndex') or similar
var hashIndex = +window.location.hash.replace('#', '')
jQuery('#accordion').accordion('option', 'active', hashIndex)
}
那么在页面加载时只需使用document.ready
或jQuery(setPanelToHashIndex)
相关文章:
- 有没有任何方法可以将控制器从文件加载到ui路由器$stateProvider中
- jQuery UI自动完成突然停止工作
- 如何使用skip参数使用angular ui引导进行服务器端分页
- AngularJS UI路由器不能像ng路由器那样工作
- 我可以更改剑道UI网格吗's的外键值
- 剑道UI内联编辑:如何在点击其他按钮时隐藏按钮
- Rails/JSON:如何将JSON用于jquery UI自动完成表单
- 停止jQuery UI滑块移动超过给定值
- 混合 ui-sref 和 $state.go 在 Angular ui-router 中进行状态转换
- Jquery UI自动完成无法工作
- 语义ui如何使用javascript启用或禁用下拉列表
- jquery ui滑块上的滑块值
- jQuery UI可排序-多连接列表拖动
- 如何在Angular UI网格中选择下一行
- 对具有ui typeahead的对象中的值执行orderBy
- AngularJS ui路由器html5模式中断路由
- EJS中的Angularjs-Ui路由器参数
- 使用导航属性创建Kendo UI网格模型的问题
- jQuery UI Accordian.我需要激活新添加的项目
- 如何从外部链接打开JQuery Accordian UI选项卡