Question

我正在尝试将Textillate脚本与Royalslider集成，但在更改幻灯片时遇到问题，而不是在第一次加载时在每张幻灯片上启动。

下面的“当前”代码，每次更改幻灯片时都会尝试初始化textillate.js脚本。但是，效果将应用于每个rsABlock（要动画的文本），无论它们放在哪个幻灯片上。我希望textillate脚本在每个幻灯片上的rsABlock上触发（每张幻灯片上都有一个），当您浏览并更改幻灯片时。请根据Royalslider支持门户网站的一些非常基本的支持来查看“尝试”，但这不起作用。

有人可以帮忙吗？

当前

this.rsInstance().ev.on('rsAfterSlideChange', function() {
    // Textillate animation
    $('.rsABlock').textillate({
        loop: false,
        type: 'word'
    });
});

尝试

this.rsInstance().ev.on('rsAfterSlideChange', function() {
    this.rsInstance().currSlide.content.find('.rsABlock').textillate({
        loop: false,
        type: 'word'
        // More options here
    });
});

Answer 1

解决了这个问题，似乎我多次使用var formularGenerator = { init: function() { this.getForm(); $(document).on('change', '#produktgruppe', function(){ formularGenerator.submitForm(); }); $(document).on('submit', '#formstep', function(e){ e.preventDefault(); formularGenerator.submitForm(); }); }, submitForm: function() { $('#preloader').show(); $.ajax({ type: 'POST', url: 'system/ajx/form_generator.php?chck=1', dataType: 'html', data: $('#formstep').serialize(), success: function(result){ $('#formarea').html(result); alert("Sucess"); }, error: function (xhr, ajaxOptions, thrownError) { alert(xhr.status); alert(thrownError); alert('resultdaten:'+result); }, complete: function(data) { $('#preloader').hide(); } }); }, getForm: function() { $('#preloader').show(); $.ajax({ type: 'POST', url: 'system/ajx/form_generator.php?chck=1', dataType: 'html', success: function(result){ $('#formarea').html(result); alert("Sucess"); }, error: function (xhr, ajaxOptions, thrownError) { alert(xhr.status); alert(thrownError); alert('resultdaten:'+result); }, complete: function(data) { $('#preloader').hide(); } }); } } $(function(){ formularGenerator.init(); });。

this.rsInstance()

将Textillate与Royalslider一起使用

1 个答案: