Javascript 如何使滑块上的标签更改颜色？

我没有构建这个滑块，对JS/jQ也不太了解。我们更改了滑块按钮的图像，现在它们都变成橙色并保持橙色。我不知道怎么修。以下是网站：

下面是脚本：

<script type="text/javascript">
jQuery(function($){

  var tab1 = jQuery('.featured-tabs .tab1').text();
  var tab2 = jQuery('.featured-tabs .tab2').text();
  var tab3 = jQuery('.featured-tabs .tab3').text();
  var tab4 = jQuery('.featured-tabs .tab4').text();
  jQuery('.featured-tabs').remove();

  var image1 = jQuery('.featured-images .image1').html();
  var image2 = jQuery('.featured-images .image2').html();
  var image3 = jQuery('.featured-images .image3').html();
  var image4 = jQuery('.featured-images .image4').html();
  jQuery('.featured-images').remove();

  $('#slider .panel1').empty().append(image1);
  $('#slider .panel2').empty().append(image2);
  $('#slider .panel3').empty().append(image3);
  $('#slider .panel4').empty().append(image4);

  $('#slider').show();

        $('#slider').anythingSlider({
            startStopped        : false,
            width               : 768,   // if resizeContent is false, this is the default width if panel size is not defined
            height              : 255,   // if resizeContent is fals e, this is the default height if panel size is not defined
            theme               : 'default',
            autoPlayLocked      : true,
            delay               : 7000,      // How long between slideshow transitions in AutoPlay mode (in milliseconds)
            resumeDelay         : 10000, // Resume slideshow after user interaction, only if autoplayLocked is true (in milliseconds).
            pauseOnHover        : false,      // If true & the slideshow is active, the slideshow will pause on hover
            navigationFormatter : function(index, panel){ // Format navigation labels with text
                return ['<span class="carousel-text">PREVIEW OUR SHOW!</span>','<span class="carousel-text">HOWL ON NCL</span>', '<span class="carousel-text">HOWL 2-GO</span>', '<span class="carousel-text">BACHELORETTES!</span>',][index - 1];
            },
            onBeforeInitialize  : function() {$('#slider li img').hide()},    // Callback before the plugin initializes
            onInitialized  : function() {$('#slider li img').show()}      // Callback after the plugin has been initialized
        });
    });
</script>

jQuery（函数（$）{
var tab1=jQuery（'.featured tabs.tab1'）.text（）；
var tab2=jQuery（'.featured tabs.tab2'）.text（）；
var tab3=jQuery（'.featured tabs.tab3'）.text（）；
var tab4=jQuery（'.featured tabs.tab4'）.text（）；
jQuery（'.featured tabs'）.remove（）；
var image1=jQuery（'.featured images.image1'）.html（）；
var image2=jQuery（'.featured images.image2'）.html（）；
var image3=jQuery（'.featured images.image3'）.html（）；
var image4=jQuery（'.featured images.image4'）.html（）；
jQuery（'.featured images'）.remove（）；
$（'#slider.panel1'）.empty（）.append（image1）；
$（'#slider.panel2'）.empty（）.append（image2）；
$（'#slider.panel3'）.empty（）.append（image3）；
$（'#slider.panel4'）.empty（）.append（image4）；
$（“#滑块”）.show（）；
$（“#滑块”）。任意滑块({
开始：错，
宽度：768，//如果resizeContent为false，则这是未定义面板大小时的默认宽度
高度：255，//如果resizeContent为fals e，如果未定义面板大小，则此高度为默认高度
主题：'默认'，
自动播放锁定：正确，
延迟：7000，//自动播放模式下幻灯片放映转换之间的间隔时间（毫秒）
resumeDelay:10000，//仅当autoplayLocked为true（以毫秒为单位）时，在用户交互后恢复幻灯片放映。
pauseOnHover:false，//如果为true&幻灯片放映处于活动状态，则幻灯片放映将在悬停时暂停
navigationFormatter:函数（索引，面板）{//使用文本格式化导航标签
return['PREVIEW OUR SHOW！'、'HOWL ON NCL'、'HOWL 2-GO'、'bacelolettes！'、][index-1]；
},
onBeforeInitialize:function（）{$（'#slider li img'）.hide（）}，//在插件初始化之前回调
onInitialized:function（）{$（'#slider li img'）.show（）}//插件初始化后的回调
});
});

不幸的是，您使用的滑块中似乎存在错误。正在添加到项以显示活动状态的“cur”类从未被删除。除了修复该错误，没有什么可以做的。您使用的是一个非常旧的版本，请尝试更新到最新版本：@Mottie更新该版本将改变我的滑块的样式吗？我真的不能有任何停机时间和网站是非常混乱。大约有25个样式表和5个HTML。我不知道该更新哪个。它在位置页面上运行良好，所以我们使用的是Joomla 1.5。我想你不能只更新到最新版本，因为你的主题会被打破。这是最糟糕的。嗯，你可以使用来正确更新导航。但是当页面上加载了两个jQuery副本时，我很难在您的站点上测试它-删除第二个副本（在

注释下面）。