2017-10-25 1 views
0

내 웹 사이트의 섹션 이름이 'carosel'입니다. 기본보기에서 사용자는 버튼을 클릭하고 'carosel'섹션을보기에 추가 할 수 있습니다. 클릭 시간이 'carosel'섹션의 수와 같으면 이 섹션에는 제한이 없으며 사용자는 여러 개의 'carosel'섹션을 기본보기에 추가 할 수 있습니다.버튼 onclick은 여러 번 클릭하여 부분보기를 여러 번 렌더링합니다.

부분보기

<style> 

    .middle-section{ 
    height: 500px; 
    width: 100%; 
    } 
    .middle-section-area{ 
    position: absolute; 
    left: 260px; 
    top: 175px; 
    width: 1000px; 
    height: 300px; 
    background-color: #aaaaaa; 
    border: 2px hidden; 
    padding: 10px; 
    } 
    .middle-section-name{ 
    position: absolute; 
    left: 660px; 
    top: 100px; 
    width: 200px; 
    height: 40px; 
    background-color: #aaaaaa; 
    border: 2px hidden; 
    padding: 10px; 
    } 

    .middle-section-edit{ 
    position: absolute; 
    left:860px; 
    top:85px; 
    } 

    .middle-section-edit img{ 
    width: 20px; 
    margin: 5px; 

    } 
</style> 


<div class="middle-section"> 
    <div class="col-lg-12"> 
    <div class="container-fluid"> 
     <div class="middle-section-name"> 
     </div> 

     <div class="middle-section-edit"> 
     <%= image_tag 'settings-logo.png'%> 
     </div> 

     <div class="middle-section-area" > 
     <p>carosel</p> 
     </div> 

    </div> 
    </div> 

</div> 

내가 온 클릭으로이 부분도 여러 번 렌더링하려고합니다. 어떤 아이디어 나 대답을 부탁한다.

+1

및 나머지 코드는 무엇입니까? 어디 있니? 자바 스크립트 내 말은. 문제의 실제 예제를 작성하십시오. "디버깅 도움말을 찾는 질문 (이 코드가 작동하지 않는 이유는 무엇입니까?)에는 원하는 동작, 특정 문제 또는 오류 및 질문 자체에서이를 재현하는 데 필요한 가장 짧은 코드가 포함되어야합니다. –

+0

이 부분보기를 여러 번 여러 번 클릭하여 여러 번 볼 수 있습니다. 기본 아이디어입니다. –

+0

이 작업을 수행 할 생각이 있다면 잘 하시겠습니까? 다음에 수행 할 작업을 시도해 보셨습니까? 그렇다면 여기에 코드를 게시하십시오. javascript/jquery etc) –

답변

0

나는 그것을 다룰 것이다. 레일 중첩 속성은 동적으로 필드 개념을 추가한다. 이것이 핵심 아이디어입니다. check this it'd helpful