accordion - 我想在 dojo 中单击手风琴的内容窗格时触发一个事件

Question

这是我的代码。我尝试使用 script=dojo/connect 但它不起作用。我的道场版本是 1.6。

<div dojoType="dijit.layout.AccordionContainer" style="height: 500px;">
<div dojoType="dijit.layout.ContentPane" title="Total Enrollment" id="TotalEnrollDiv"  selected="false" name="abc" dojoAttachEvent="ondijitclick:_onButtonClick">
<ul>
  <li><a href="#"  id="TEState" onclick="attention(id);"> Michigan </a> </li>
  <li><a href="#"  id="TESE" onclick="attention(id);"> SouthEast MI </a> </li>
  <li><a href="#"  id="TEStateChange" onclick="attention(id);"> MI Change</a></li>
  <li><a href="#"  id="TESEChange" onclick="attention(id);">SE MI Change</a></li>                                     
 </ul>

这是我使用脚本标签的地方

 <script type="dojo/connect"> 
    var myDiv= dijit.byId("TotalEnrollDiv");
    this.connect(this,"onclick",function(evt){
    alert("myDivVal");
    });

 </script>
 </div>

  <div dojoType="dijit.layout.ContentPane" title="UnderGrad. Enrollment" selected="true" id="UGEnroll">
  <ul>
    <li><a href="#"  id="UGState" onclick="attention(id);">Michigan </a> </li>
    <li><a href="#"  id="UGSE" onclick="attention(id);"> SouthEast MI  </a> </li>
    <li><a href="#"  id="UGStateChange" onclick="attention(id);"> MI Change </a></li>
     <li><a href="#"  id="UGSEChange" onclick="attention(id);">SE MI Change </a></li>
   </ul>
 </div>
 </div>

Answer 1

我不确定，但我想这可能有效：

    <script type="text/javascript">
       dojo.connect(dijit.byId('UGEnroll'), 'onClick', function(arg) {
          alert("myDivVal");
       });
    </script>

Answer 2

尝试将 dojo/connect 元素放在 ContentPane 中，并添加一个事件属性。单击 ContentPane 时，将执行该脚本元素内的所有内容。

<div dojoType="dijit.layout.ContentPane" title="UnderGrad. Enrollment" selected="true" id="UGEnroll">

    <script type="dojo/connect" event="onClick">
        alert("abc");                     
    </script>

    <ul>
        <li><a href="#"  id="UGState" onclick="attention(id);">Michigan </a> </li>
        <li><a href="#"  id="UGSE" onclick="attention(id);"> SouthEast MI  </a> </li>
        <li><a href="#"  id="UGStateChange" onclick="attention(id);"> MI Change </a></li>
        <li><a href="#"  id="UGSEChange" onclick="attention(id);">SE MI Change </a></li> 
    </ul>
 </div>