Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/73.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:在if-else语句中,如何获得要执行的.play()函数?_Jquery_Html_Css - Fatal编程技术网

Jquery:在if-else语句中,如何获得要执行的.play()函数?

Jquery:在if-else语句中,如何获得要执行的.play()函数?,jquery,html,css,Jquery,Html,Css,“消息”:“未捕获类型错误:$(…)。播放不是功能” 这是我收到的错误。基本上我需要这个功能来隐藏一些div,显示和播放视频。我的代码在出现上述错误时暂时无法工作 有问题的Jquery被注释掉了 $(函数(){ $(“#可拖动”)。可拖动({ 遏制:"身体",, 恢复:功能(已删除){ 变量$draggable=$(此), hasBeenDroppedBefore=$draggable.data('hasBeenDropped'), wasJustDropped=dropped&&droppe

“消息”:“未捕获类型错误:$(…)。播放不是功能”

这是我收到的错误。基本上我需要这个功能来隐藏一些div,显示和播放视频。我的代码在出现上述错误时暂时无法工作

有问题的Jquery被注释掉了

$(函数(){
$(“#可拖动”)。可拖动({
遏制:"身体",,
恢复:功能(已删除){
变量$draggable=$(此),
hasBeenDroppedBefore=$draggable.data('hasBeenDropped'),
wasJustDropped=dropped&&dropped[0]。id==“droppable”;
如果(刚刚删除){
返回true;
}否则{
如果(以前被否决过){
$draggable.animate({top:0,left:0},'slow');
返回false;
}否则{
返回true;
}
}
}
});
$(“#可拖放”)。可拖放({
结束:函数(){
$(this.find('p').html('Reading…');
},
输出:函数(){
变量编号=1+数学楼层(数学随机()*2);
//$(“#secondVideo”).play()不会导致我的视频在播放后播放
如果(数字==1){
$(“#可拖动,#可拖动2,#可拖放,#上swiper,#swiper,#firstVideo”).hide();
$(#secondVideo').show();
$(“#第二视频”).play();
}否则{
$(this.find('p').html('请再次在此网站上滑动以输入');
}
},
revert:function(){
$(this.find('p').html(“”);
},
drop:function(){
$(this.find('p').html('Error Reading Your Card');
}
});   
});
html,正文{
溢出y:隐藏;
溢出x:隐藏;
身高:100%;
身体:100%;
}
#读取器{
位置:绝对位置;
背景色:#6969;
宽度:40%;
高度:75px;
最高:89%;
左:30%;
z指数:4;
边界半径:10px;
-webkit剪辑路径:多边形(0,95%0,100%100,0%100%);
剪辑路径:多边形(0,95%0,100%100,0%100%);
}
正面阅览室{
背景色:#A9A9;
宽度:95%;
高度:65px;
位置:相对位置;
-webkit剪辑路径:多边形(0,95%0,100%100,0%100%);
剪辑路径:多边形(0,95%0,100%100,0%100%);
z指数:;
左:10px;
边界半径:10px;
}
#第一视频{
位置:绝对位置;
宽度:93%;
高度:自动;
z指数:-2;
左边距:自动;
右边距:自动;
左:0;
右:0;
}	
#第二视频{
位置:绝对位置;
宽度:93%;
高度:自动;
z指数:3;
左边距:自动;
右边距:自动;
左:0;
右:0;
显示:无;
}
黑条{
位置:相对位置;
背景色:黑色;
宽度:250px;
高度:23px;
最高:75%;
}
前卫{
背景色:#A9A9;
宽度:85%;
高度:70像素;
位置:相对位置;
-webkit剪辑路径:多边形(0,95%0,100%100,0%100%);
剪辑路径:多边形(0,95%0,100%100,0%100%);
z指数:;
边界半径:10px;
}
正文{
背景色:黑色;
宽度:100%;
身高:100%;
保证金:自动;
}
#游泳运动员{
背景色:#B8B8;
宽度:100%;
高度:70像素;
保证金:0自动;
位置:相对位置;
最高:91%;
z指数:0;
边界半径:0px;
}
#上水器{
背景色:透明;
宽度:34%;
高度:75px;
保证金:0自动;
位置:相对位置;
前-90%;
z指数:1;
边界半径:0px;
}
#可降{
宽度:45%;
身高:63%;
保证金:0自动;
边框宽度:1px;
背景图像:无;
背景色:透明;
文本对齐:居中;
最高:40%;
}
#可拖动,#可拖动2{
位置:相对位置;
最高:50%;
宽度:250px;
高度:160px;
边框宽度:0px;
背景图像:无;
左:75%;
背景色:#FFD700;
-webkit剪辑路径:多边形(0%0%、91%0、100%14%、100%100%、0%100%);
剪辑路径:多边形(0%0%,91%0,100%14%,100%100%,0%100%);
z指数;-1;
}

您的浏览器不支持视频标记。
您的浏览器不支持视频标记。


问题在于“play”函数不是jQuery函数,但您试图在jQuery对象上使用它,即
$(“#secondVideo”).play()

您可以这样做:

$('#secondVideo')[0].play();
它将获取DOM元素,然后对其调用
.play()

或者你可以这样做:

document.getElementById('secondVideo').play();

…它只是使用普通javascript而不是jQuery来获取元素。

问题是“play”函数不是jQuery函数,但您试图在jQuery对象上使用它,即
$(“#secondVideo”).play()

您可以这样做:

$('#secondVideo')[0].play();
它将获取DOM元素,然后对其调用
.play()

或者你可以这样做:

document.getElementById('secondVideo').play();
…它只是使用普通javascript来获取元素,而不是jQuery