JS 코드에 jquery plugin (HTML)을 포함하는 방법

Question

나는 혼란 스럽다. jQuery 플러그인을 사용하고 싶지만 JS 함수에서 활성화하고 싶습니다.

JS

var kontaktOffset = $('.kontakt').offset().top + 100; 

if (wScroll > kontaktOffset - ($(window).height()/1.05)) { 

    $('.eboy').css("display", "none"); 
} 

하지만 그 대신 디스플레이 : 그래서 내 JS에서 내가 플러그인의 코드를 추가 할

<div class="scrollme"> 
<div class="effect_box effect_box_translate animateme" 
    data-translatey="500" 
    data-translatex="-650" 
    data-to="0.85" 
    data-from="0.45" 
    data-when="view" 
    style="opacity: 1; 
    transform: translate3d(0px, 0px, 0px) 
    rotateX(0deg) 
    rotateY(0deg) 
    rotateZ(0deg) 
    scale3d(1, 1, 1);"> 
<img src ="images/eboy.png" alt="" class="img-responsive center-block" width="auto" height="300" style="padding-top:50px"> 
</div> 
</div> 

SO 할 수있는 사람의 도움 : 없음 나는이 HTML과 CSS 코드를 싶지 내 JS에이 플러그인 코드를 포함시키는 방법?
그리고 이것이 적절하게 문제가되기를 바랍니다.

당신은이 코드를 사용할 수 있습니다

Answer 1

:

var eboy = $('.eboy').addClass('scrollme'); 
ebody.append('<div class="effect_box effect_box_translate animateme"'+ 
    'data-translatey="500"'+ 
    'data-translatex="-650"'+ 
    'data-to="0.85" '+ 
    'data-from="0.45"'+ 
    'data-when="view" '+ 
    'style="opacity: 1;'+ 
    'transform: translate3d(0px, 0px, 0px)'+ 
    'rotateX(0deg) '+ 
    'rotateY(0deg) '+ 
    'rotateZ(0deg) '+ 
    'scale3d(1, 1, 1);">'+ 
'<img src ="images/eboy.png" alt="" class="img-responsive center-block" width="auto" height="300" style="padding-top:50px">'+ 
'</div>'); 

Answer 2

이 시도 :

if (wScroll > kontaktOffset - ($(window).height()/1.05)) { 

    $('.eboy').html('<div class="scrollme"> 
<div class="effect_box effect_box_translate animateme" 
    data-translatey="500" 
    data-translatex="-650" 
    data-to="0.85" 
    data-from="0.45" 
    data-when="view" 
    style="opacity: 1; 
    transform: translate3d(0px, 0px, 0px) 
    rotateX(0deg) 
    rotateY(0deg) 
    rotateZ(0deg) 
    scale3d(1, 1, 1);"> 
<img src ="images/eboy.png" alt="" class="img-responsive center-block" width="auto" height="300" style="padding-top:50px"> 
</div> 
</div>'); 
}