2013-04-12 2 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의 드래그/슬라이더로합니다 (.more 그들에 더 많은 말을하지 않음) 여기에 자세한 내용을 추가 할 때부터 내가 원하는 방법이 아니다 그것은 html을 복제하기 때문에 작동하지 않습니다. 나는 또한 APPEND를 시도하고 내가 APPEND 한 후에 모든 것이 배열이되었다 ... 내가해야 할 것에 대한 어떤 아이디어? 더 나은 예제가 필요하면 알려주세요.

+0

피들에 표시 할 수 있다면 좋을까요? – karthick

+0

조금 열심히 노력하지만 최선을 다할 것입니다. 잠시만 기다려주십시오 – EasyBB

+0

죄송합니다. 잘 이해하지 못 하겠지만 jQuery의 대리인을 사용하게 될 것입니다. http://api.jquery.com/on/ smthng : $ (document) .on ('click', 'options', function() ... – Novelist

답변

1

전체 Jquery 플러그인이로드되고 첨부 된 후에 새 HTML을 추가했기 때문에 작동하지 않았습니다. 원하는 플러그인을 다시 바인딩하거나 다시 연결해야합니다.

+0

jQuery 플러그인은 없습니다. MooTools ... – EasyBB

관련 문제