使用 midori 选项卡的类似于向导的对话框在 Chrome 中不起作用

Question

我正在尝试使用 midori javascript 框架构建一个类似于 Web 对话框的向导。

这是我所拥有的：

<div id="uploadTab">
    <div id="categories" class="tab-set">
       <ul>
          <li class="tab-selected"><a id="tabConfig" href="#config">Configuration</a></li>
          <li><a id="tabDescription" href="#description">Description</a></li>

       </ul>
    </div>
    <div class="tab-content">
       <div id="config">
               <p>Hit Continue to go to next tab</p>
               <div class="tabButton">
                       <input type="button" name="configNext" value="Continue" onclick="return selectTab('#tabDescription');" />
               </div>
       </div>
       <div id="description" style="display: none">
               Description
       </div>
    </div>
</div>
<script type="text/javascript">midori.addEventListener(window, 'ready', function (e) { midoriTab.init() } );</script>

以及在目标选项卡的链接上调用 click() 的 javascript 函数

function selectTab(tabID) {
    var t=midori.get(tabID);
    if (typeof t!='undefined') {
            t.click();
    }
    return false;
}

这可以在 Firefox 和 Opera 中找到，但在 chrome 中我得到：

Uncaught TypError: Object: http://mysite.com#description 没有方法“click”

我也尝试使用 onclick() 而不是 click()，这给了我：

Uncaught TypeError: Property对象 http://mysite.com#description 的“onclick”不是一个函数

我可以通过任何方式得到它在 Chrome 中工作？

Answer 1

问题已解决：

发送 onclick 事件的更好方法，适用于 opera、firefox 和 chrome：

function selectTab(tabID) {
    var t=midori.get(tabID);
    if (typeof t!='undefined') {
            var e = document.createEvent('MouseEvents');
            e.initMouseEvent( 'click', true, true, window, 1, 0, 0, 0, 0, false, false, false, false, 0, null );
            t.dispatchEvent(e);
    }
    return false;
}