W2UI：点击和其他事件的内容加载面板不工作

Question

我使用w2ui 1.5-rc1布局组件。 附加事件处理程序到面板中的元素不会触发动作：

<script> 
    $(function() { 
     $('#layout').w2layout({ 
      name: 'mainArea', 
      panels: [ 
       { type: 'left', size: 200, resizable: true, style: panels, content: 'left' }, 
       { type: 'main', style: main, content: 'main' } 
      ] 
     }); 
     w2ui['mainArea'].content('main', $("#list-panel").html()); 

     $("#mylist li a").click(function() { 
      alert("Handler for .click() called."); 
     }); 
    }) 
</script> 
<div id="layout"></div> 
<div id="list-panel" style="visibility: hidden" > 
    <ul id="mylist" class="list-group"> 
     <li><a href="#" onclick="alert('This one will work')"><span>Adele</span></a></li> 
     <li><a href="#"><span>Bella</span></a></li> 
     <li><a href="#"><span>Carl</span></a></li> 
    </ul> 
</div> 

点击项目贝拉或卡尔永远不会触发警报。 如果我删除w2ui布局，那么一切正常。

<script> 
    $(function() { 
     $("#mylist li a").click(function() { 
      alert("Handler for .click() called."); 
     }); 
    }) 
</script> 
<div id="list-panel" > 
    <ul id="mylist" class="list-group"> 
     <li><a href="#" onclick="alert('This one will work')"><span>Adele</span></a></li> 
     <li><a href="#"><span>Bella</span></a></li> 
     <li><a href="#"><span>Carl</span></a></li> 
    </ul> 
</div> 

我注意到，当我尝试在面板中添加引导组件或任何其他内容时会发生同样的情况。这些组件上的点击，更改和其他事件从未触发。

任何想法为什么？

Answer 1

正如其他用户在w2ui github版本库中所建议的那样，将事件附加到文档元素将会起作用。

$(document).on("click", "#mylist li a", function() { 
    alert("Handler for .click() called"); 
});