| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛
欢迎加入我们,一同切磋技术
用户名:   
 
密 码:  
共有 1181 人关注过本帖
标题:关于JS的问题
只看楼主 加入收藏
a530171981
Rank: 1
等 级:新手上路
帖 子:5
专家分:0
注 册:2015-5-13
结帖率:100%
收藏
已结贴  问题点数:20 回复次数:8 
关于JS的问题
正在做一个静态的电商菜单网页,每一个商品都可以点开滑动显示详细信息,我现在做的是每一个商品都需要添加三段语句
$(document).ready(function(){
                 $(".T恤1").click(function(){
                  $(".T恤1message").slideToggle("slow");
                        });
                    });


div.T恤1message
{
}
div.T恤1message
{
    margin: 0px;
    padding: 5px;
    text-align: center;
    border: solid 1px;
    width: 200px;
    display: none;
    background: #808080;
}


<img src="T恤1.jpg" class="T恤1">
<br/>
<div class="T恤1message">
    <ul type="Circle">
        <li>价格:¥49.90</li>
        <li>已售:249件</li>
        <li>可选颜色:黑白,白紫</li>
        <li>可选型号:S,M,L,XS</li>
    </ul>
</div>
请问有没有办法可以简略一点,希望可以增加可维护性,拓展商品的时候方便一点,还有第二段语句里面为什么第一个空语句不能少
搜索更多相关主题的帖子: background function document display 详细信息 
2015-05-13 16:24
冰镇柠檬汁儿
Rank: 16Rank: 16Rank: 16Rank: 16
来 自:北京
等 级:版主
威 望:120
帖 子:8078
专家分:6657
注 册:2005-11-7
收藏
得分:20 
div.T恤1message里可能是没定义hight属性的缘故,jquery我用的比较少,印象中slideToggle这个方法是修改高度的动画,你可以试试
你的这种写法有什么不能拓展新增商品的?
你的代码应该是很简略的了,没发现有什么再精简的方式了,除非你摒弃掉jquery

本来无一物,何处惹尘埃
It is empty at all here, Why pm 2.5 is so TMD high!
2015-05-13 20:49
a530171981
Rank: 1
等 级:新手上路
帖 子:5
专家分:0
注 册:2015-5-13
收藏
得分:0 
回复 2楼 冰镇柠檬汁儿
我之前尝试用Image数组来装图片,感觉这样用一个循环就行了,但是用了对象之后不知道是赋值的问题还是输出语句的问题,图片一直显示不出来
2015-05-13 20:53
a530171981
Rank: 1
等 级:新手上路
帖 子:5
专家分:0
注 册:2015-5-13
收藏
得分:0 
回复 2楼 冰镇柠檬汁儿
之前是定义了高度的,但是由于不同的div内容不同,需要的高度不同,就把那个语句删了
2015-05-13 20:55
冰镇柠檬汁儿
Rank: 16Rank: 16Rank: 16Rank: 16
来 自:北京
等 级:版主
威 望:120
帖 子:8078
专家分:6657
注 册:2005-11-7
收藏
得分:0 
那你可以对每一个div的style属性里写hight啊,效果一样,并且也区分了

本来无一物,何处惹尘埃
It is empty at all here, Why pm 2.5 is so TMD high!
2015-05-13 22:07
冰镇柠檬汁儿
Rank: 16Rank: 16Rank: 16Rank: 16
来 自:北京
等 级:版主
威 望:120
帖 子:8078
专家分:6657
注 册:2005-11-7
收藏
得分:0 
以下是引用a530171981在2015-5-13 20:53:30的发言:

我之前尝试用Image数组来装图片,感觉这样用一个循环就行了,但是用了对象之后不知道是赋值的问题还是输出语句的问题,图片一直显示不出来

数组和对象有本质区别的,不过对象也是可以循环内部属性的,用for in语句不就可以了吗

本来无一物,何处惹尘埃
It is empty at all here, Why pm 2.5 is so TMD high!
2015-05-13 22:08
a530171981
Rank: 1
等 级:新手上路
帖 子:5
专家分:0
注 册:2015-5-13
收藏
得分:0 
回复 6楼 冰镇柠檬汁儿
不是循环的问题,可能是我输出图片的语句有问题,因为是参加学校一个面试需要做一个网页,之前没做过,昨天才开始看JS,所以有的语句可能不准确。我之前用的
var x=new Image();
x.src="T恤1.jpg";
docunment.write("<img src=x.src>");
不知道这个语句有没有问题,百度上也没找到合适的例子
2015-05-14 00:51
a530171981
Rank: 1
等 级:新手上路
帖 子:5
专家分:0
注 册:2015-5-13
收藏
得分:0 
回复 6楼 冰镇柠檬汁儿
问题解决了,谢谢了
2015-05-14 12:15
快速回复:关于JS的问题
数据加载中...
 
   



关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.025655 second(s), 7 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved