Jquery事件没有从内部.html加载的内容中触发

Question

所以这是我有一个列表的场景,它根据点击的内容将一些HTML加载到div中:

<ul id="menu">
  <li id="empNav1" class="selected"><a href="#">Employer Overview</a></li>
  <li id="empNav2"><a href="#">Why We're Better</a></li>
  <li id="empNav3"><a href="#">Job Slots + Resume DB</a></li>
</ul>

<div class="subItem"></div>

--------- jquery ------------

$(document).ready(function () {
   var sections = $("#menu li");
   var content = $(".subItem");


sections.click(function () {
    switch (this.id) {
        case "empNav1":
           content.html('<ul><li id="submenu1">11111</li><li>1111</li></ul>');
           break;
        case "empNav2":
            content.html('<ul><li id="submenu2">222222</li>li>22222</li></ul>');
            break;
        case "empNav2":
            content.html('<ul><li id="submenu3">333333</li>li>33333</li></ul>');
            break;
}
});
   $('li#submenu1').click(function {
       content.html('<ul><li id="submenu2">222222</li>li>22222</li></ul>');
       });     
    });

所以我的问题是:如何为.html事件中加载的内容触发事件？我尝试了一些但没有工作的东西.我希望加载的内容能够触发影响页面的事件.

Answer 1

问题源于doc.ready上没有的内容.改用它

$('li#submenu1').live(function {
   content.html('<ul><li id="submenu2">222222</li>li>22222</li></ul>');
   });     
});

并查看.live文档http://api.jquery.com/live/