0

我认输了。我整个早上都在试图弄清楚这一点，但我一生都无法弄清楚。我仍然是 javascript 的新手，但我正在慢慢到达那里。

我试图让我的活动幻灯片 div 将一个值附加到我的搜索输入中。我一直在尝试通过一个简单的 hasClass if 语句将 val() 附加到输入来做到这一点。

附加工作正常，即它将附加最后一个 if 语句，在本例中为“雨林”，但是当幻灯片活动状态更改时，我无法将值更改为相对于活动幻灯片的下一个附加值。这是从那时起吗？

如果您能提供帮助，我将不胜感激。

这是我一直在使用的代码：

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');
    };
});

谢谢！

4

3 回答 3

1

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

$(document).ready(function(){
    var slider = $(".royalSlider").data('royalSlider');
    slider.ev.on('rsAfterSlideChange', function(event) {
        //Your handler here
        //if($('.rsActiveSlide .rsABlock').hasClass("dog-shelter-input")){ ......
        //.......
        //...};
    });
)};
于 2013-06-25T18:09:14.870 回答
1

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

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

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

我编写了自己的轻量级滑块，并使用动画完成回调来执行其他操作。它应该为您解决问题。

希望为您指明正确的方向。

于 2013-06-25T16:48:10.310 回答
0

@face，@emgee 抱歉早点解决了这个问题，我真的认为它会起作用.. 不过我仍然没有弄清楚这一点。代码看起来正确..但我仍然遇到错误。特别是“slider.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

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

于 2013-06-29T01:02:46.883 回答