Javascript 尝试基于用户单击动态隐藏/显示div
我有几个元素与点击事件。每个元素单击事件将只显示一个div,该div与同一页面中的所有其他div都有关系。但是,当我单击元素时,应该显示的隐藏div不会显示。我看不出我做错了什么 非常感谢你的帮助 以下是一个片段:Javascript 尝试基于用户单击动态隐藏/显示div,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我有几个元素与点击事件。每个元素单击事件将只显示一个div,该div与同一页面中的所有其他div都有关系。但是,当我单击元素时,应该显示的隐藏div不会显示。我看不出我做错了什么 非常感谢你的帮助 以下是一个片段: $(文档).ready(函数(){ var showMon=$(“#monshowtimes”); var showTue=$(“#tueshowtimes”); var showWed=$(“#wedshowtimes”); var showThu=$(“#星期四showtime
$(文档).ready(函数(){
var showMon=$(“#monshowtimes”);
var showTue=$(“#tueshowtimes”);
var showWed=$(“#wedshowtimes”);
var showThu=$(“#星期四showtimes”);
var showFri=$(“#frishowtimes”);
var showSat=$(“#satshowtimes”);
var showSun=$(“#sunshowtimes”);
var monTimes=$(“.mon列表”);
var tueTimes=$(“.tue清单”);
var wedTimes=$(“.wed清单”);
var-thurTimes=$(“.thurlistings”);
var friTimes=$(“.fri清单”);
var satTimes=$(“.sat列表”);
var sunTimes=$(“.sun列表”);
$(showTue)。单击(函数(){
$(“.signing days li”).removeClass(“活动”);
$(此).addClass(“活动”);
$(“.movie timing”)。每个(函数(){
if($(this.hasClass(“.tueTimes”)){
$(this.css(“显示”、“块”);
}else$(this.css(“显示”、“无”);
})
});
})
.mon节目表、.tue节目表、.wed节目表、.thur节目表、.fri节目表、.sat节目表、.sun节目表{
显示:无;
}
星期一
周二
周三
周四
星期五
星期六
周日
- 马上就来
滤膜
Ferris Bueller休息日(1987年)
高中生Ferris Bueller想要放假一天,他制定了一个非常复杂的计划来实现这一目标。他说服他的朋友卡梅伦带上他父亲的珍贵法拉利,并和他的女朋友斯隆前往芝加哥。当他们接受纽约市提供给校长的东西时,埃德·鲁尼确信费里斯已经不是第一次逃学了,他下定决心要抓住他。费里斯已经预料到了这一点,这让鲁尼很懊恼
主演:马修·布罗德里克、艾伦·鲁克、米娅·莎拉
运行时间:103分钟
- 星期一10:45
- 星期一13:10
- 星期一15:45
- 星期一18:25
- 星期一20:30
- 星期一21:50
- 星期二13:50
- 星期二15:10
- 星期二17:30
- 星期二20:00
- 星期二21:30
- 星期二22:50
- 星期三10:45
- 星期三13:10
- 星期三15:45
- 星期三18:25
- 星期三20:30
- 星期三21:50
- 星期四11:20
- 星期四14:45
- 星期四16:50
- 星期四18:00
- 星期四19:45
- 星期四22:15
- 星期五10:45
- 星期五13:10
- 星期五15:45
- 星期五18:25
- 星期五20:30
- 星期五21:50
- 星期六13:15
- 星期六14:30
- 星期六18:10
- 星期六19:45
- 星期六20:15
- 星期六22:30
- 星期日14:45
- 星期日16:30
- 星期日18:10
- 星期日20:35
- 星期日21:15
- 星期日
22:45
回到未来(1985年)
马蒂·麦克弗利(Marty McFly),一个典型的80年代美国青少年,被意外地送回1955年,当时他乘坐的是由一位稍微有点疯狂的科学家发明的钚动力的德洛林“时间机器”。在他经常歇斯底里,总是令人惊异的时光之旅中,马蒂必须确保他十几岁的父母能够相遇并相爱——这样他才能回到未来
主演:迈克尔·福克斯、克里斯托弗·劳埃德、莉亚·汤普森
运行时间:116分钟
- 星期一11:20
- 星期一14:45
- 星期一16:50
- 星期一
18:00
- 星期一19:45
- 星期一22:15
- 星期二14:45
- 星期二16:30
- 星期二18:10
- 星期二20:35
- 星期二21:15
- 星期二22:45
- 星期三10:45
- 星期三13:10
- 星期三15:45
- 星期三18:25
- 星期三20:30
- 星期三21:50
- 星期四11:20
- 星期四14:45
- 星期四16:50
- 星期四18:00
- 星期四19:45
- 星期四22:15
- 星期五10:45
- 星期五13:10
- 星期五15:45
- 星期五18:25
- 星期五20:30
- 星期五21:50
- 星期六13:15
- 星期六14:30
- 星期六18:10
- 星期六19:45
- 星期六20:15
- 星期六22:30
- 星期日14:45
- 星期日16:30
- 星期日18:10
- 星期日20:35
- 星期日21:15
- 星期日
22:45
第一血液(1982年)
约翰·兰博是一名迷失方向的越南兽医。他正从一个城镇搭便车到另一个城镇去看战友。一个治安官试图让他离开小镇
<li class="active" data-class="mon-listings" id="monshowtimes">Monday</li>
<li id="tueshowtimes" data-class="tue-listings">Tuesday</li>
<li id="wedshowtimes" data-class="wed-listings">Wednesday</li>
<li id="thurshowtimes" data-class="thur-listings">Thursday</li>
<li id="frishowtimes" data-class="fri-listings">Friday</li>
<li id="satshowtimes" data-class="sat-listings">Saturday</li>
<li id="sunshowtimes" data-class="sun-listings">Sunday</li>
.movie-timing {
display:none;
}
.movie-timing.show {
display:block;
}
$('.screening-days li').click(function(){
$('.screening-days li').removeClass('active');
$(this).addClass('active');
var dataClass = $(this).data('class');
$( '.movie-timing' ).removeClass('show');
$( '.movie-timing.'+dataClass ).addClass('show');
});