从外部锚/链接激活手风琴面板

时间:2012-06-14 14:55:51

标签: javascript jquery-ui jquery-ui-accordion

我一直试图从外部链接激活jQuery UI手风琴的面板。

我在页面中有一个手风琴小部件所在的链接,我想用它来激活手风琴的面板。这些链接不在手风琴小部件的标记内。

这些链接正在操纵选项卡交互性,用于弹出AJAX内容。 在应用程序的某些状态下,手风琴的选项对象的{navigation:true}部分会被遗忘。 我相信这是因为我正在启动一个window.reload.location()以回到应用程序的某些状态。

以下功能显示了这一点。我认为我需要的是基于哈希的自定义导航过滤器,或者可以在此功能中使用的位置,以根据用户所在的URL激活手风琴面板。 我的脚本开头的导航设置为true,后面的脚本会出现......

// "Back to xxxtabTitle" button used to revert tabs to their default state after    
// photoNav pop-in AJAX content has been loaded
$('#mainContent').on('click', '.backToInitTab', function(event) {
    event.preventDefault();
    window.location.reload();

  // accordion navigation filter to open correct accordion panel on click event
    // Can you help with this? I'd greatly appreciate it.
  // /accordion navigation filter
    });

// /"Back to xxxtabTitle" button

对此问题的任何帮助或见解将不胜感激! 提前致谢。 此致 迪克柯克兰

2 个答案:

答案 0 :(得分:1)

答案的排序:我不得不放弃使用jQuery UI手风琴的导航选项,因为我在网站上使用设计,该网站包含使用window.location.reload在页面和/或UI选项卡面板上执行重新加载的按钮();.如果您在网站上重新加载内容,您可能会看到导航开始生效,打开所需的手风琴面板,然后看到面板签约。我相信这是因为通常来自手风琴面板的点击本身会指示UI手风琴组件如何对哈希历史做出反应。我们关闭导航并手动实例化了哪些面板应该在最少的页面上打开。这允许AJAX功能(选项卡式内容)仍然打开手风琴面板,并且看到的唯一动画是整个页面重新加载的时间。

答案 1 :(得分:0)

$(“#accordion”)。accordion({active:2});

参考this site