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

On active slide, append input

本文关键字：输入 活动 幻灯片      更新时间：2023-09-26

我认输了。我整个上午都在想办法，但一辈子都想不出来。我对javascript还是个新手，但我正在慢慢地掌握它。

我正试图让我的活动幻灯片div在我的搜索输入中附加一个值。我一直试图通过一个简单的hasClassif语句将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');
    };
});

谢谢！

在这里对它进行编码，供以后偶然发现帖子的人使用。

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

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

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

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

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

希望能为你指明正确的方向。

@face，@emgee很抱歉早些时候解决了这个问题，我真的认为它会起作用。。不过我还是没弄清楚。代码看起来不错。。但我还是会出错。特别是"滑块.ev.on"-未捕获的类型错误：无法读取未定义的属性"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

我本来打算再写一个问题，因为我真的很困惑，。。但它仍然是这个主要问题的一部分

相关文章：