javascript - 滑块更改时需要更改 div 的内容

Question

我的 jquery 横幅需要一些修复。我已将回声滑块用于横幅。当横幅图像更改为另一个图像时，我们需要更改不在滑块边界内的 div 中的内容。Div 是单独的 div （与滑块没有连接）。

我已经尝试过使用代码。我只是根据滑块的导航放置 if 语句。

我的代码只影响了第一张横幅图片。它不影响下一个横幅

帮我

在我的代码下面

<div class="echo-nav">
<a rel="0" class="echo-control active" href="javascript:;">1</a>
<a rel="1" class="echo-control" href="javascript:;">2</a>
<a rel="2" class="echo-control" href="javascript:;">3</a>
<a rel="3" class="echo-control" href="javascript:;">4</a>
<a rel="4" class="echo-control" href="javascript:;">5</a>
<a rel="5" class="echo-control" href="javascript:;">6</a>
</div>

<script>
     $(document).ready(function(){
    if($('.echo-nav a.active').attr('rel')=='0'){
            $('#app_info').text('Some dummy contents for one');                 
        }
    else if($('.echo-nav a.active').attr('rel')=='1'){
            $('#app_info').text('Some dummy contents for Two ');                    

              }
});

Answer 1

你可以用另一种（简单的）方式来做：

演示 jsBin

var contents = [
    'Some dummy contents for 1',
    'Some dummy contents for 2',
    'Some dummy contents for 3',
    'Some dummy contents for 4',
    'Some dummy contents for 5',
    'Some dummy contents for 6'
];

var activeRelN = $('.echo-nav a.active').index(); // get index N (0,1,2,3...)

$('#app_info').html(contents[activeRelN]);