+ -
当前位置:首页 → 问答吧 → 关于accordion插件的问题

关于accordion插件的问题

时间:2009-06-15

来源:互联网


现在用的这个风琴效果 收缩、伸展都没问题。

但是顶级是用的a标签识别的,所以导致里面的内容没法加超链接了。。
求助ing……


复制代码
  1. <script type="text/javascript">
  2. jQuery().ready(function(){        
  3.     jQuery('#list1a').accordion();      
  4. });
  5. </script>

复制代码
  1. <a id="menu" class="menu" style="cursor:pointer;    display:block;
  2.     text-indent:10px;    
  3.     font-weight: bold;
  4.     font-size: 12px;width:190px;
  5.     color: #016A9F;
  6.     background-color: #ECF7FF;
  7.     border-top: 1px solid #FFFFFF;    
  8.     background: url(images/common/AccordionTab0.gif);" >家用电器</a>
  9.                 <div>                
  10.                     <div class="blue" style="padding:0px 7px;">
  11.                     <h5 class="blue" style="text-indent:10px;font-size:14px;">大 家 电</h5>
  12.                     洗衣机
  13.                     <a>平板电视</a>
  14.                     电热水器
  15.                     家庭音响
  16.                     燃气热水器
  17.                     空调
  18.                     冰箱
  19.                     冷柜
  20.                     DVD/USB播放器
  21.                     电视附件
  22.                     家电服务
  23.                     </div>
  24. <div class="blue" style="padding:0px 7px;">
  25.                     <h5 class="blue" style="text-indent:10px;font-size:14px;">生活电器</h5>
  26.                     吸尘器
  27.                     电熨斗
  28.                     饮水机
  29.                     取暖电器
  30.                     加湿器
  31.                     净化器
  32.                     电动工具
  33.                     足浴盆
  34.                     电话机
  35.                     清洁机
  36.                     电风扇
  37.                     收录/音机
  38.                     浴霸
  39.                     净水设备
  40.                     电气开关

作者: 829939   发布时间: 2009-06-15

jQuery().ready(function(){        
    jQuery('#list1a').accordion({
            active: 0,
            header: 'a.head',
            navigation: true,
            event: 'mousemove',        
            animated: 'easeslide',
            fillSpace:true,
            autoheight: true

    });      
});

在IE里解决了  但是火狐里变形。。

谁能帮我一下啊  谢谢
QQ:829939

作者: 829939   发布时间: 2009-10-09

这个插件没用过,但是如果仅仅是浏览器的显示问题,问题应该出在参数的autoheight上,屏蔽该参数再试试看吧,或者搜索一下ff下div自适应的解决办法

作者: zcrane   发布时间: 2009-10-09

相关阅读 更多