Javascript 关于创建元素的最佳方式的意见

嘿，伙计们，我需要你们的建议和想法。我有一份菜单，看起来有点像这样

<span class="options">Option 1</span>
<div class="more">More</div>
<span class="options">Option 1</span>
    <div class="more">More</div>
<span class="options">Option 1</span>
    <div class="more">
         <div id="slider" class="slider">
              <div id="knob" class="knob"></div>
              </div>
      </div>
<span class="options">Option 1</span>
    <div class="more">More</div>
<span class="options">Option 1</span>
    <div class="more">More</div>

---

这不是我想要的方式，因为当我向它添加更多细节时（其中的.more并不表示更多），比如MooTools拖拽/滑动条，它不起作用，因为我复制了html。我还尝试了附加，在我附加它之后，整个事情就发生了。。。我该怎么做有什么想法吗？如果您需要一个更好的示例，请让我知道…

它不起作用，因为您在整个Jquery插件加载和附加完成后附加了新的HTML。你应该重新绑定/重新连接你想要的插件

它不起作用，因为您在整个Jquery插件加载并附加之后附加了新的HTML。你应该重新绑定/重新连接你想要的插件

如果你能用小提琴演奏会更好？有点难，但我会尽力的。对不起，请给我一分钟，我不太明白，但也许您可以使用jQuery的委托。类似于：$（document）.on（'click'，'.options'，function（）…这里是fiddle…我也使用了on函数，但没有工作，这可能是您需要的，我使用了

.clone（true）

。如果我理解正确，那会有帮助。如果你能用小提琴来显示它会更好？有点难，但我会尽力。给我一分钟，对不起，我不太明白，但也许你会使用jQuery的委托。smthng，比如：$（文档）。on（'click'，'options'，function（））…这是fiddle…我也使用了on函数，但没有起作用。也许，这正是您需要的。我使用了

.clone（true）

。如果我理解正确，这将有所帮助

$(function() {
   $('.options').click(function() {
      var theHTML = $(this).next('.more').html();
        $('.popup').html(theHTML);
     });