javascript - 在 Joomla html 选项卡默认代码上，如何使用外部 javascript 更改活动标签

Question

在我正在制作的 joomla 组件中，我使用的是 joomla 的默认选项卡功能。它使用 mootools 并且像魅力一样工作。

问题是我需要使用 javascript（来自 ajax 调用）更改活动选项卡。

我准备了一个简单的例子： http ://dianthos.net/test/tabs/tabs.html

我希望能够单击“单击此处”，然后更改活动选项卡。

限制：我不能修改 html，也不能修改任何现有的 javascript。我必须在函数 loadtab2() 中做任何事情

有什么想法可以从那里引用它吗？

谢谢

Answer 1

保存对 Tabs 实例的引用：

var tabsInstance; // up the scope.

// further down
tabsInstance = new JTabs(tabs, {
    useStorage: false,
    titleSelector: 'dt.tabs',
    descriptionSelector: 'dd.tabs'
});

// event handler
el.addEvent('click', function(e) {
    e.stop();
    tabsInstance.display(2);
});

通过这里可用的方法：http: //dianthos.net/test/tabs/tabs.js

穷人的外部电话没有上述内容：

$$("dt.tabs")[1].fireEvent('click');