Javascript 模态背景

我试图使用JS控制模式页面上的视频播放。但效果不好。我真的需要帮助

它假定是模式页面（div#ex）下面的背景，但它不起作用

我是一名新手，非常感谢您的帮助。：-）

模态试验
$（文档）.ready（函数（）{
$（“#showSimpleModal”）。单击（函数（）{
$（“div#simpleModal”）.addClass（“show”）；
$（“div#ex”）.addClass（“哈哈”）；
返回false；
});
$（“#closeSimple”）。单击（函数（）{
$（“div#simpleModal”）.removeClass（“show”）；
$（“#videoContainer”）[0]。暂停（）；
返回false；
});
});
除名
{
位置：固定；
字体系列：Arial、Helvetica、无衬线字体；
排名：0；
右：0；
底部：0；
左：0；
背景：rgba（0,0,0,0.8）；
z指数：98；
不透明度：0；
-webkit过渡：不透明度400ms缓进；
-moz过渡：不透明度400ms缓进；
过渡：不透明度400ms缓进；
指针事件：无；
}
div#ex.haha
{
不透明度：1.0；
z指数：99；
-webkit转换持续时间：0.25s；
}
div#simpleModal
{
顶部：40px；
边框：实心1px#bbb；
填充：20px；
-网络工具包盒阴影：0px 6px 12px rgba（0,0,0,0.25）；
不透明度：0.0；
-webkit转换：不透明度400ms缓进；z索引：0；
边界半径：10px；
宽度：650px；
位置：相对位置；
利润率：10%自动；
填充：5px20px 13px 20px；
边界半径：10px；
背景：#fff；
背景：-moz线性梯度（#fff，#999）；
背景：-webkit线性梯度（#fff，#999）；
背景：-o-线性梯度（#fff，#999）；
}
div#simpleModal.show
{
不透明度：1.0；
z指数：100；
-webkit转换持续时间：0.25s；
}
.结束{
字体系列：Arial、Helvetica、无衬线字体；
背景:#606061；
颜色：#FFFFFF；
线高：25px；
位置：绝对位置；
右：-12px；
文本对齐：居中；
顶部：-10px；
宽度：24px；
文字装饰：无；
字体大小：粗体；
-webkit边界半径：12px；
-moz边界半径：12px；
边界半径：12px；
-莫兹盒阴影：1px 1px 3px#000；
-网络工具包盒阴影：1px 1px 3px#000；
盒影：1px 1px 3px#000；
}
.close:悬停{背景：#C03；}
.video{box shadow:1px 1px 3px#000；
}

您要添加的内容很简单

      $("div#ex").addClass("haha");

你需要把它改成

   $("div#extra").addClass("haha");

因为id在html中是额外的，而不是ex

根据您的html

下一行

$（“div#ex”）.addClass（“哈哈”）必须是

    $("div#extra").addClass("haha");

或

我希望这只是一个打字错误。无论如何，
ID
由
表示，而
类由
表示，您的代码$（“div#ex”）中有一个输入错误。addClass（“哈哈”）；它应该是美元（“div#extra”）.addClass（“哈哈”）；
    $("div#extra").addClass("haha");

    $("div.ex").addClass("haha");