Question

我正在扯皮。我一直试图在整个早上弄明白，但不能为我的生活弄明白。我还是javascript的新手，但我慢慢地到了那里。

我正在尝试让我的活动幻灯片div为我的搜索输入添加一个值。我一直在尝试通过一个简单的hasClass if语句将val（）附加到输入。

追加是有效的，即它将附加最后一个if语句，在本例中为“Rain Forest”，但是当幻灯片活动状态发生变化时，我无法将值更改为相对于下一个附加值的值主动滑动。从那以后会这样做吗？

如果你能提供帮助，我将非常感激。

以下是我一直在使用的代码：

jQuery(document).ready(function($) {  
/* dog shelter */
if($('.rsActiveSlide .rsABlock').hasClass("dog-shelter-input")){
        $(".feature-search #name_or_keywords").val('');
}else {
   $('.feature-search #name_or_keywords').val('Dog Shelter');
};

/* scolarships */
if($('.rsActiveSlide .rsABlock').hasClass("scholar-input")){
        $(".feature-search #name_or_keywords").val('');
}else {
   $('.feature-search #name_or_keywords').val('Scholarships');
};

/* Rain Forest */
if($('.rsActiveSlide .rsABlock').hasClass("forest-input")){
    $(".feature-search #name_or_keywords").val('');
}else {
     $('.feature-search #name_or_keywords').val('Rain Forest');
    };
});

谢谢！

Answer 1

不确定您是使用滑块插件还是自己滚动。因此，在高级别，您可以执行以下操作：

1）如果是滑块插件，它是否允许您在幻灯片更改时（或动画完成时）提供回调功能？如果是这样，请提供一个回调，其中包含您的代码以更改搜索文本。

2）如果您滚动自己的滑块并且可能正在使用.animate()，请再次向动画完成时调用的.animate()提供回调函数。与您在选项＃1中编写的回调相同。

我编写了自己的轻量级滑块，并使用动画完整回调来执行其他操作。它应该为你做的伎俩。

希望能指出正确的方向。

Answer 2

在这里编写代码，对于后来偶然发现帖子的人来说。

$(document).ready(function(){
    var slider = $(".royalSlider").data('royalSlider');
    slider.ev.on('rsAfterSlideChange', function(event) {
        //Your handler here
        //if($('.rsActiveSlide .rsABlock').hasClass("dog-shelter-input")){ ......
        //.......
        //...};
    });
)};

Answer 3

@face，@ emgee对不起早点解决这个问题，我真的觉得它会起作用.. 我仍然没有想到这一点。代码看起来正确..但我仍然遇到错误。特别是“slider.ev.on” - 未捕获的TypeError：无法读取未定义的属性'ev'

这是我的代码。

       jQuery(document).ready(function($) { 

            var sliderEL = $('.new-royalslider-1'); 
            var slider = sliderEL.data('royalSlider');

            var addSearch = function() {

                if($('.rsActiveSlide .rsABlock').hasClass("dog-shelter-input")){
                    $(".feature-search #name_or_keywords").val('');
                 }else {
                   $('.feature-search #name_or_keywords').val('Dog Shelter');
                }

                 if($('.rsActiveSlide .rsABlock').hasClass("scholar-input")){
                    $(".feature-search .#name_or_keywords").val('');
                }else {
                   $('.feature-search #name_or_keywords').val('Scholarships');
                }
            };

            slider.ev.on('rsAfterSlideChange', addSearch);

            addSearch();

       });

一些相关主题是：

http://help.dimsemenov.com/discussions/royalslider-wordpress/1584-use-js-api-on-wordpress-version-to-change-image-scale-mode

http://help.dimsemenov.com/discussions/royalslider-wordpress/2601-adding-slider-index-to-wordpress-gives-a-js-error

我打算写另一个问题，因为我真的很难过......但是它仍然是这个主要问题的一部分

在活动幻灯片上，附加输入

3 个答案: