Question

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

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

我的代码仅影响第1张横幅图片。它不会影响下一个横幅

帮帮我

以下是我的代码

<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

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

demo 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]);

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

1 个答案:

demo jsBin