Question

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

JS

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

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

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

但是显示：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

试试这个：

options

如何将jquery插件（HTML）包含到JS代码中

2 个答案: