jquery 图片滑动 粘连问题

Question

在一个页面，要同时展示多个模块下多张图片，如这个链接里的效果http://beijing.homelink.com.cn/ershoufang/ff808081354411fe013546f933fb1ea2.shtml，当在一个展示模块下点击缩略图的左右滑动箭头时，其他展示模块中的缩略图也跟着滑动，调用的js如下， function scrollLeftRight(index){
var jqLiWidth=$this.find(".jquery_l_r li").width(); $jqueryUl.stop(true,false).animate({left:-jqLiWidth*index},1000);
}$jqueryUl的定位没问题啊，我alert过。

Answer 1

贴出两个模块的代码，如下：<!--小区图-->
<div class="jquery_cons" style="display:none;">
  <div class="tabimg">
    <img src="__PUBLIC__/Images/Home/{$wg_pic.0.PIC_BIG_PATH}" width="540" height="302" alt="" />
  </div>
  <div class="list_tabimg jquery_l_r">
             <span class="l">left</span><span class="r">right</span>
 <!--列表中图片大小135*100-->
 <div class="jqueryLR">
 <ul>
  <volist name='wg_pic' id='vo'>
  <li>
  <a href="javascript:void();" title="{$house_detail.HOUSE_TITLE}">
  <img src="__PUBLIC__/Images/Home/{$vo.PIC_SMALL_PATH}" onerror="this.onerror=null;this.src='__PUBLIC__/Images/Home/error.jpg'"  alt="{$house_detail.HOUSE_TITLE}" />
  <input type="hidden" value="__PUBLIC__/Images/Home/{$vo.PIC_BIG_PATH}">
  </a>
  </li>
 </volist>
 </ul>
 <div class="cl"></div>
    </div>
          </div>
</div>
<!--小区图-->

<!--交通图-->
<div class="jquery_cons" style="display:none;">
  <div class="tabimg">
    <img src="__PUBLIC__/Images/Home/{$wg_pic.0.PIC_BIG_PATH}" width="540" height="302" alt="" />
  </div>
  <div class="list_tabimg jquery_l_r">
             <span class="l">left</span><span class="r">right</span>
 <!--列表中图片大小135*100-->
 <div class="jqueryLR">
 <ul>
  <volist name='wg_pic' id='vo'>
  <li>
  <a href="javascript:void();" title="{$house_detail.HOUSE_TITLE}">
  <img src="__PUBLIC__/Images/Home/{$vo.PIC_SMALL_PATH}" onerror="this.onerror=null;this.src='__PUBLIC__/Images/Home/error.jpg'"  alt="{$house_detail.HOUSE_TITLE}" />
  <input type="hidden" value="__PUBLIC__/Images/Home/{$vo.PIC_BIG_PATH}">
  </a>
  </li>
 </volist>
 </ul>
 <div class="cl"></div>
    </div>
          </div>
</div>
<!--交通图-->