Question

嘿伙计们，我需要你的建议和意见。我有一个看起来像这样的菜单

<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被隐藏，当用户点击任何.options跨度时，它会将HTML放入我制作的“弹出窗口”中。这是我做的快速JS

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

嗯，这不是我想要的方式，因为当我添加更多细节时（.more还没有多说明），例如MooTools Drag / Slider它不起作用，因为我复制了HTML。我也尝试了APPEND，在我APPEND之后，整个事情就变成了阵列......关于我应该怎么做的任何想法？如果您需要一个更好的例子，请告诉我......

Answer 1

它没有用，因为你在整个Jquery插件完成加载和附加后附加了新的HTML。您必须重新绑定/重新附加所需的插件。

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

1 个答案: