2013-04-12 43 views
1

嘿傢伙我需要你的意見和想法。我有隱藏的菜單,看起來有點像這個最好的方式來創建元素的意見

<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); 
    }); 

和幸福,這不是因爲我添加更多的細節,它(更多不說,更在其中),如MooTools的拖/滑塊我想要的方式它不起作用,因爲我複製了html。我也嘗試過APPEND,並且在我APPEND之後,整個事情都進入陣列了...我應該做什麼的任何想法?如果你需要一個更好的例子,請讓我知道...

+0

如果你能在小提琴中展示它會更好嗎? – karthick

+0

有點難,但我會盡我所能。給我一分鐘 – EasyBB

+0

對不起,我不太瞭解,但也許你會使用jQuery的代表。 http://api.jquery.com/on/ smthng like:$(document).on('click','。options',function()... – Novelist

回答

1

它沒有工作,因爲你在整個Jquery插件完成加載和附加後添加了新的HTML。你應該重新綁定/重新連接你想要的插件。

+0

沒有jQuery插件,它的MooTools ... – EasyBB

相關問題