javascript - 如何将 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>');