如何将jQuery插件（HTML）包含在JS代码中

Question

我对一件事感到困惑。 我想使用jQuery插件，但想在JS函数中激活它。 因此，在我的JS中，我想添加插件的代码：

JS

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

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

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

而是显示：没有，我不需要这个HTML和CSS代码：

<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>

所以有人可以帮助我如何将此插件代码包含到我的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>');
}