jquery - 如何在href调用div面板的情况下触发事件

Question

http://jsfiddle.net/BRSaG/396/

当我点击 leftpanel2 时，我正在使用 id leftpanel2 校准 div 面板。

我的要求是:

我有另一个 href 标签 leftpanel3 ，当我点击它时，如何触发一个事件以便它调用 leftpanel2 (与点击 leftpanel2 的行为类似)强>左面板2)

http://jsfiddle.net/BRSaG/396/

我的代码

  <div data-role="page">
    <div data-role="header">
<a href="#leftpanel2">Open panel</a>
      <h1>Open Panel Header</h1>    

        <a href="#leftpanel3">second panel</a>
      <h1>Second Open panel</h1>    

    </div>
    <div data-role="content"> 
        <div data-role="panel" id="leftpanel2" data-position="left" data-display="push" data-dismissible="true" data-theme="a" class="ui-panel ui-panel-position-left ui-panel-display-push ui-body-a ui-panel-animate ui-panel-open">
    </div>
  </div>

您能告诉我该怎么做吗？

Answer 1

这将帮助您实现这一目标:

这里我使用了属性选择器并触发了第一个按钮链接上的单击事件。

$(document).on('click', 'a[href=#leftpanel3]', function(event) {
        $("a[href=#leftpanel2]").trigger("click");
    });

<强> DEMO