Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/84.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 这门课不起作用吗?_Jquery_Html_Css_Class_Toggle - Fatal编程技术网

Jquery 这门课不起作用吗?

Jquery 这门课不起作用吗?,jquery,html,css,class,toggle,Jquery,Html,Css,Class,Toggle,我试图使“TimeLineFile”div打开和关闭,如果另一个被打开也关闭,当背景被单击时也关闭,我已经设法使它在另一个被单击和背景被单击时关闭,但是如果div本身被单击,我无法使div关闭。。。这是我的 我的代码; $(函数(){ $('.TimeLineFile')。单击(函数(evt){ evt.stopPropagation(); $('.selected').children().removeClass('clicked'); $(this.toggleClass('clicked'

我试图使“TimeLineFile”div打开和关闭,如果另一个被打开也关闭,当背景被单击时也关闭,我已经设法使它在另一个被单击和背景被单击时关闭,但是如果div本身被单击,我无法使div关闭。。。这是我的

我的代码;
$(函数(){
$('.TimeLineFile')。单击(函数(evt){
evt.stopPropagation();
$('.selected').children().removeClass('clicked');
$(this.toggleClass('clicked');
});
$(文档)。单击(函数(){
$('.TimeLineFile').removeClass('clicked');
});
});
.timelinefile.clicked{
背景:红色;
宽度:500px;
高度:300px;
-webkit转换:高度1s,左1s,-webkit转换1s;
过渡:高度1s,左1s,变换1s;
}
.选定{
-webkit转换:高度1s,左1s,-webkit转换1s;
过渡:高度1s,左1s,变换1s;
}
.时间线{
背景:黑色;
颜色:白色;
宽度:200px;
高度:100px;
边缘底部:20px;
-webkit转换:高度1s,左1s,-webkit转换1s;
过渡:高度1s,左1s,变换1s;
}
.TimeLineHold{
背景:粉红色;
}
}

  • 您好
  • 您好
  • 您好
使用
.not()
,这样就不会在单击元素时删除类

$('.timelineTile').click(function (evt) {
    evt.stopPropagation();
    $('.selected').children().not(this).removeClass('clicked');

使用
.not()
这样就不会在单击元素时删除类

$('.timelineTile').click(function (evt) {
    evt.stopPropagation();
    $('.selected').children().not(this).removeClass('clicked');

使用
.not()
这样就不会在单击元素时删除类

$('.timelineTile').click(function (evt) {
    evt.stopPropagation();
    $('.selected').children().not(this).removeClass('clicked');

使用
.not()
这样就不会在单击元素时删除类

$('.timelineTile').click(function (evt) {
    evt.stopPropagation();
    $('.selected').children().not(this).removeClass('clicked');

您需要在文档单击方法中返回false。否则,该事件的冒泡将导致clicked类再次切换。如果我删除该类,则它将停止“如果单击了另一个类,则关闭”,则需要在document click方法中返回false。否则,该事件的冒泡将导致clicked类再次切换。如果我删除该类,则它将停止“如果单击了另一个类,则关闭”,则需要在document click方法中返回false。否则,该事件的冒泡将导致clicked类再次切换。如果我删除该类,则它将停止“如果单击了另一个类,则关闭”,则需要在document click方法中返回false。否则,事件的冒泡将导致clicked类再次切换,如果我删除它,然后它停止“如果另一个被单击,则关闭”不是一个要求,但请查看新的,因此您不需要链接到jsfiddler。@gunr2171是的,我知道,但我不喜欢堆栈片段创建的格式。不是一个要求,但是看看新的,所以你不需要链接到jsfiddler。@gunr2171是的,我知道,但我不喜欢堆栈片段创建的格式。这不是一个要求,但看看新的,所以你不需要链接到jsfiddler。@gunr2171是的,我知道,但我不喜欢堆栈片段创建的格式。不是一个要求,但是看看新的,所以你不需要链接到jsfiddler。@gunr217是的,我知道,但我不喜欢堆栈片段创建的格式。